JSを要約し、基本的な文法

 

A. 一般的な

JavaScriptは、多くの場合、ウェブ言語と呼ばれています。最も初期のJavaScriptので、Webページの効果やフォームの検証を作成するために使用されます。

 

構築するためのJavaScriptの開発環境

環境を構築し、環境は、コードの書き込みコード環境を実行するよりも小さいものではありません。

 

一般的なテキストベースのコードエディタ、次のように：

リットルのメモ帳

サブライム

Lアトム

L型ブラケット

リットルのVScode

などの一般的な統合開発環境は次のとおりです。

リットルDreamwaver

リットルのWEBSTRA

 

Node.jsのインストールプロセス

アクセスhttps://nodejs.org/en/

インストール後に、内部コンソールでノード-vコマンドによって、現在インストールされているバージョンのノードを表示することができます

 

NPM導入

NPMフルネームノードパッケージマネージャは、公式Node.jsのパッケージ管理と配布ツールによって供給されています。

 

1. NPMのインストール手順：コマンドラインでのタイピング

ASLインストール-g cnpm --registry = HTTPS：//registry.npm.taobao.org

1. インストールした後、それを初期化します

NPMのinit：NPM初期設定

1. NPMインストール後、一般的な入力モジュールのインストールには、次の命令

NPM readlineの同期をインストール：入力モジュールが搭載され

II。JavaScriptの基本的な文法

1.注意事項：

単一行コメントは//脚注

 複数行コメント/ *

*

*

*

* /

2.ステートメント

JSセミコロン、別々のライン上の各ステートメントで終了します。セミコロンはエラーではなく、埋めることはできませんが、時間のコード圧縮が問題であってもよいし、セミコロンを追加することをお勧めします。

私は10を=ましょう。

console.log（I）; // 10

括弧の対は、コードステートメントの複数のブロックに組み合わせることができます

{

    私は10を=ましょう。

    console.log（I）; // 10

}

注意：JS解析層を層によって、エラーの層は、背中の内容が解決されない場合。

3.識別子

意味は：特定のエンティティのシンボルを表します。それは、自分の名前から、名前がように変数名、関数名、オブジェクト名として使用することが可能です。

必須要件
1.数字、英字、アンダースコア、ドル記号であってもよいし、その他の特殊記号を含めることはできません

2.数字で開始しない
名前にキーワードと予約語はJavaScriptの使用を禁止3.

厳密に敏感区別4.

ソフトの要件は
  、テキストEENOWを見ます

 

4.という3つの方法

1. ハンガリー語の表記は、識別子名は、変数のデータ・タイプを表す1つ以上の小文字で始まることを特徴としているプログラマ発明によるマイクロソフト以下の命名法ハンガリー考えられます。

例如：a_array、o_object、i_userAge、b_isPassed

2.こぶ命名法

ハンプ命名法は実際には二つのタイプに分け、一方が他方には小さなこぶで、大きなこぶです。

言葉資産計上​​され - ●大きなこぶは、それぞれがあること、Pascalの命名法と呼ばれてきました

たとえば、次のようにユーザー名

●こぶ小規模および大規模なこぶの違いは、小さなこぶの最初の単語の最初の文字は、単語の最初の文字が戻って大きい、小文字であります

書きます

例：userNameに

3.蛇行命名法

USER_名、my_ first_in_sequenceが名前：この命名法は、Linuxカーネル、特性C + +標準ライブラリ、ブーストおよびルビー、錆や他の言語蛇行命名法はのような単語間の下線で分離されているに一般的です

 

5.キーワードと予約語

ECMA-262で説明 - 特定の用途を持つキーワードのセット。これらのキーワードは、開始または終了制御文を示すために、または特定の操作を実行するために使用することができます。原則として、キーワードは言語自体のために予約され、それが識別子として使用することができません。

 

ECMA-262はまた、単語の別のグループは識別子として確保することができない説明します。言語での予約語は、まだ具体的な目的ではないですが。しかし、彼らは将来のキーとして使用される可能性が高いです。

 

JavaScriptのキーワードと予約語次のように：

 

、ブール、休憩、バイト、ケース、キャッチ、文字、クラス、constの、引き続き、デバッガ、デフォルト、削除、抽象待って、行う、ダブル、他に、列挙型、輸出、拡張し、偽の、最後の、最終的には、フロート、のために機能、後藤、もし、道具、輸入、中、instanceofは、int型、

 

インタフェース、聞かせて、長い間、ネイティブ、新しい、ヌル、パッケージ、プライベート、保護、公共、リターン、短い、静的、スーパー、スイッチは、同期、この、スロー、スロー、過渡、真のtypeof、してみてください、VAR、揮発性、空、しばらく、と、収量

 

6.データ型説明

単純なデータ型と複雑なデータ型：JavaScriptでは、データ型は、という点で全体として2つのカテゴリに分けることができます

●単純なデータ型

単純なデータ型6種類があります。

で新たに追加されたES6基本データ型である文字列、記号、数値、ブール、未定義、ヌルシンボルタイプ

 

●複雑なデータ型

複雑なデータ型オブジェクトの唯一の一種であります

、JavaScriptで配列を含む定期的な、そのオブジェクトタイプがタイプされていると

 

ビューデータ型

JavaScriptでは、我々は、typeof演算子によってデータ型のデータを表示することができます

コンソール。ログイン（typeof演算10）; //数

コンソール。（typeof演算真）ログイン; // booleanconsole。

ログイン（typeof演算 'こんにちは'）; //文字列

コンソール。ログ（typeof演算[1,2,3]）; //オブジェクト

 

7.変数

 

      私たちは、任意のプログラミング言語を探求する必要がある次の事、変数の面で非常に重要です。いわゆる変数は、メモリに格納された11個の値を参照するために使用されます。私たちは、変数を使用する前にもちろん、あなたも最初は変数を宣言することで行う必要があります。

 

変数を宣言します

 

      VAR、聞かせて、constの：方法で宣言するJavaScript変数が3種類あります。可変リフトやその他の問題が存在しますので、今あるVaRは、お勧めできません。（その後、私たちは、この問題への具体的な説明します）

 

      constとの違いを聞かせて、それが単純なデータ型の場合、変数を変更することはできませんこと、その後、constとして宣言していることです。そして、単純なデータ型や複雑なデータ型かどうかを宣言した変数は、バックに変更することができましょう。例としては、次のとおりです：

 

const 変数宣言

 

      CONST名= 'ビル';名= 'ルーシー';

 

      //例外TypeError：定数変数への代入。 

 

聞かせて変数を宣言

名前=「ビル」をしましょう。

名前=「ルーシー」;

console.log（名）;

 

代入と変数の初期化

= 3をしましょう。

複数の変数はまた、1行にそれを書き、ワンタイム初期化することができ

X = 3、Y = 4、Z = 5を聞かせて、

あなたは初期値を与えられていない変数を宣言する場合は、デフォルト値が定義されていません

てみましょう。

console.log（A）; //未定義

 

変数を宣言するVARを使用

 

      フロントは述べ、JavaScriptの変数における3つの方法があります宣言します。var、聞かせて、constとして。今はもはや使用をお勧めヴァール。変数を宣言するために使用varはいくつかの問題を伴うことになるからです。もちろん、これらの質問は、多くの場合、このような文の繰り返し文や脱落などのJavaScriptの機能の一部としてみなされています。

 

      繰り返し声明

 

      あなたは変数を宣言するためにvarキーワードを使用している場合、声明を繰り返すように許可されています。しかし、この時間は、文を無視します。あなたは、文を再割り当てし、している場合、同等の再割り当てされます

 

      割り当てなしで繰り返し文は、JSエンジンが自動的に変数宣言の裏を無視します

 

      テスト= 3でした。

 

各試験;

 

      コンソール。ログ（テスト）; // 3

 

      割り当てと再文の場合は、11のカバレッジ・データになります

 

      テスト= 3でした。

 

テスト= 5でした。

 

      コンソール。ログ（テスト）; // 5

 

スコープ

1. グローバルスコープ

これは、JSエンジンです-動作環境に入って来ました。呼ばれるグローバル変数で宣言された変数のグローバルスコープで。それはどこでもアクセスできる変数のグローバル変数を備えています。
= 5を聞かせ; //これはグローバル変数である
2. ローカルスコープ

JavaScriptでは、カッコの組は、ローカルスコープを生成することができます。それはローカル変数であるため、内部にアクセスすることができますローカルスコープでのみ、ローカル変数と呼ばれるローカルスコープ変数の内部では、外にはアクセスできません。
{

レティ= 10;
コンソールログ（I）; // 10
にconsole.log（I）;
//にReferenceError：定義されていませんが、私はIS
、変数varにかっこいないローカル変数を宣言したことを渡すことに言及し、これは、グローバル変数です。実は、これは11質問変数の遺産を宣言するVARを使用する最初のものです。

 

データ型説明

単純なデータ型と複雑なデータ型：JavaScriptでは、データ型は、という点で全体として2つのカテゴリに分けることができます

● 単純なデータ型

単純なデータ型6種類があります。

で新たに追加されたES6基本データ型である文字列、記号、数値、ブール、未定義、ヌルシンボルタイプ

 

● 複雑なデータ型

複雑なデータ型オブジェクトの唯一の一種であります

、JavaScriptで配列を含む定期的な、そのオブジェクトタイプがタイプされていると

 

ビューデータ型

JavaScriptでは、我々は、typeof演算子によってデータ型のデータを表示することができます

コンソール。ログイン（typeof演算10）; //数

コンソール。（typeof演算真）ログイン; // booleanconsole。ログイン（typeof演算 'こんにちは'）; // stringconsole。ログ（typeof演算[1,2,3]）; //オブジェクト

 

ブーリアン

いわゆるブールもboolean型として知られているタイプ、つまり、真と偽、2つだけのこの型の値 - 1が真である、他はfalseです

 

私は真=ましょう。

console.log（I）; //真

コンソール。ログイン（typeof演算I）; //ブール

 

そのようにtrueが必ずしも1に等しいものではなく、偽は必ずしもゼロに等しくない場合、これら2つの値が同じ数値ではないことに留意すべきです。あります - ポイントは、trueとfalseのブールリテラルは大文字と小文字が区別されています。言い換えれば、TrueとFalseはブール値ではありません。

 

2つだけが、すべてのタイプのECMAScriptの値のBoolean型のリテラルブールに変換することができますが。あなたは他のタイプにブール値を変換するには、ブール（）関数を使用することができます。

 

console.log（ブール（ "こんにちは"））; //真

コンソール。ログ（ブール（42））; //真

コンソール。偽; //ログイン（ブール（0））

 

デジタルタイプ

1. 整数

バイナリ0Bで始まる、進、16進数は0xで始まる、0で始まります

結果はまだ小数します

1. リアル

小数点および科学表記タイプタイプ：2つの方法の浮動小数点表現。

= 3.14ましょう。

B = 9.12e + 2ましょう。

console.log（B）; // 3.14 912

1. 数値拡張子

JS最小値サポートにconsole.log（Number.MIN_VALUE）; // 5E-324

JS最大サポートにconsole.log（Number.MAX_VALUE）; // 1.7976931348623157e + 308

1. 中：

英語ではない数の略

NaNを返しますはNaNを含む任意の操作

A = + 10ましょう。

console.log（A）; //はNaN

 

console.log（ますisNaN（NaNの））; //真

console.log（ますisNaN（ "123"））; // falseを

console.log（ますisNaN（123））; // falseを

console.log（ますisNaN（ "こんにちは"））; //真

console.log（ますisNaN（真））; // falseを

 

NaN番号はconsole.log（typeof演算のNaN）を入力するために属し; //数を

 

数値変換

数（）は、非数値に変換することができます。

console.log（ナンバー）（真）; // 1

console.log（ナンバー）（偽）; // 0

console.log（数（10））; // 10

console.log（数（NULL））; // 0

console.log（ナンバー）（未定義）; //はNaN

 

console.log（ナンバー（ "1"））; // 1

console.log（番号（ "012"））; // 12

console.log（番号（ "0o10"））; // 8

console.log（番号（ "0b111"））; // 7

console.log（数（ "3.14"））; // 3.14

console.log（ナンバー（ "0xFの"））; // 15

console.log（ナンバー（ ""））; // 0

console.log（番号（ "123Hello"））; //はNaN

 

parseInt（）：非整数値の値に

console.log（のparseInt（ "1"））; // 1

console.log（のparseInt（ "012"））; // 12

console.log（番号（ "0o10"））; // 8

console.log（番号（ "0b111"））; // 7

console.log（のparseInt（ "3.14"））; // 3

console.log（のparseInt（ "0xFの"））; // 15

console.log（のparseInt（ ""））; //はNaN

console.log（のparseInt（ "123Hello"））; // 123

 

console.log（のparseInt（ "012"））; // 12

console.log（のparseInt（ "012"、8））; // 10

console.log（のparseInt（ "AF"））; //はNaN

console.log（のparseInt（ "AF"、16））; // 175

 

staticメソッド

Number.isInteger（）：整数の値かどうかを決定するために使用されます。

console.log（Number.isInteger（25））; //真

console.log（Number.isInteger（25.0））; //真

console.log（Number.isInteger（25.1））; // falseを

console.log（Number.isInteger（ "15"））; // falseを

console.log（Number.isInteger（真））; // falseを

 

Number.isFinite（）：それはfalseを返した場合、それは、その後、trueを返す数ではありません。

console.log（Number.isFinite（真））; // falseを

console.log（Number.isFinite（7））; //真

console.log（Number.isFinite（NaNの））; // falseを

console.log（Number.isFinite（インフィニティ））; // falseを

console.log（Number.isFinite（ "23"））; // falseを

方法の例

toFixed（）指定された10進表現に丸められた文字列戻り値

NUM = 10.456ましょう。

console.log（num.toFixed（2））; // 10.46

console.log（num.toFixed（））; // 10

console.log（num.toFixed（0））; // 10

console.log（）num.toFixed（未定義）; // 10

console.log（num.toFixed（-1））; // 与えられました

 

文字列型

=「ABCD」をしましょう。

B = 'ABCD' としましょう。

=ましょう「こんにちは『世界』を、歓迎」; // 正确

聞かせてB =「こんにちは『世界』 、歓迎」; // 正しいです

C = "こんにちは\"世界\ "歓迎"しましょう; // 正确

 

追加文字列や他のデータ型は文字列に変換されます

=「ABCD」をしましょう。

B = 13 +せ;

C = 3.14 +みましょう。

D =真+みましょう。

E = nullを+みましょう。

F =未定義+みましょう。

console.log（typeof演算のB）; //文字列

console.log（typeof演算のC）; //文字列

console.log（typeof演算さd）; //文字列

console.log（typeof演算電子）; //文字列

console.log（typeof演算のF）; //文字列

 

 

toString（）またヌルと未定義の文字列にデータ・タイプ以外

 

= 10、B =真、C =ヌル、Dましょう。

console.log（typeof演算a.toString（））; //文字列

console.log（typeof演算b.toString（））; //文字列

console.log（typeof演算c.toString（））; // 与えられました

console.log（typeof演算d.toString（））。

 

私は10を=ましょう。

console.log（i.toString（））; // 10

console.log（i.toString（2））; // 1010

console.log（i.toString（8））; // 12

console.log（i.toString（10））; // 10

console.log（i.toString（16））; // A

 

= 10、B =真、C =ヌル、Dましょう。

console.log（文字列（A）、typeof演算文字列（A））; // 10ストリング

console.log（文字列（b）は、typeof演算文字列（B））; //文字列true

console.log（文字列（C）、typeof演算文字列（C））; //空文字列

console.log（文字列（D）、typeof演算文字列（D））; //未定義の文字列

 

文字列テンプレート

 

文字列の拡張版

STR = `こんにちはWorld`をしましょう。

console.log（STR）; // Hello Worldの

console.log（typeof演算列str）; //文字列

console.log（str.length）; // 11

 

こんにちは `= strのを聞かせて

World`;

console.log（STR）。

//こんにちは

//世界

console.log（typeof演算列str）; //文字列

console.log（str.length）; // 12

 

名前=「xiejie」をしましょう。

console.log（ `こんにちは、$ {名前} '）;

//こんにちは、xiejie

 

聞かせてカウント数= 10、価格= 0.25;

console.log（ `$ $$費用項目を{カウント} {（カウント*価格）.toFixed（2）}`）。

// 10の項目は$ 2.50の費用