JavaScript 構文

JavaScript 構文

JavaScript はスクリプト言語です。

これは軽量でありながら強力なプログラミング言語です。

演算子

演算子は、演算を完了する一連の記号です:

代入演算子 (=,+=,-=,*=,/=,%=,< <) =、>>=、|=、&=)、

算術演算子 (+、-、​​、/、++、--、%)、

比較演算子 (>、< ;、< =,>=,==,===,!=,!==)、

論理演算子 (||,&&,!)、

条件演算 (?:)、

ビットシフト演算子 (| 、&、<<、>>、~、^) および文字列演算子 (+)。

式

演算子とオペランドの組み合わせは式と呼ばれ、通常は代入式、算術式、ブール式、文字列式の 4 つのカテゴリに分類されます。

ステートメント

JavaScriptプログラムはいくつかのステートメントで構成されており、ステートメントはプログラムを書くための命令です。 Javascript は、次のような基本的なプログラミング ステートメントの完全なセットを提供します:
代入ステートメント、switch select ステートメント、while ループ ステートメント、for ループ ステートメント、for each ループ ステートメント、do while ループ ステートメント、break ループ中断ステートメント、Continue ループ中断ステートメント、withステートメント、try...catch ステートメント、
if ステートメント (if.​​.else、if...else if...)、let ステートメント。

関数

関数は、全体として参照および実行できる名前付きのステートメントセグメントです。関数を使用するときは、次の点に注意してください:

1) 関数は、キーワード function によって定義されます (Function コンストラクターによって構築することもできます)。
2) function キーワードを使用して定義された関数は、スコープ内のどこでも (関数を定義するステートメントの前を含む) 呼び出すことができますが、var キーワードを使用して定義された関数は、呼び出す前に定義する必要があります。
3) 関数名は関数を呼び出すときに引用される名前です。関数を呼び出すときに間違った関数名を記述することはできません。
4) パラメーターは、使用または操作のために関数に渡される値を表します。関数内では、引数オブジェクトを渡すことができます (引数オブジェクトは疑似配列です)。属性 callee は呼び出された関数を参照します) を使用して、すべてのパラメーターにアクセスします。
5) return ステートメントは、式の値を返すために使用されます。
6) yield ステートメントは式をスローし、次の next の呼び出しまで関数の実行を中断します。

一般的な関数の形式は次のとおりです:

var myFunction=function(params){
//実行されたステートメント
}

var myFunction = function(){
//実行されたステートメント
}

キーワード

JavaScript ステートメントは通常、キーワードで始まります。 var キーワードはブラウザに新しい変数を作成するように指示します:

var x = 5 + 6;

他のプログラミング言語と同様に、JavaScript はいくつかのキーワードを予約します。自分自身の使用。

JavaScript では、現在の言語バージョンでは使用されていないが、将来の JavaScript 拡張機能で使用されるいくつかのキーワードも予約されています。

JavaScript キーワードは、文字、アンダースコア (_)、またはドル記号 ($) で始まる必要があります。 次の文字には、文字、数字、アンダースコア、またはドル記号を使用できます (JavaScript がキーワードと数字を簡単に区別できるように、最初の文字として数字を使用することはできません)。

オブジェクト

Javascriptの重要な機能は、オブジェクトベースのプログラミングを通じて、より直感的でモジュール化された再利用可能なメソッドになります。プログラム開発。

データを含む属性のセットと、属性に含まれるデータを操作するメソッドをオブジェクトと呼びます。たとえば、Web ページの背景色を設定する場合、ターゲット オブジェクトは document で、使用される属性名は bgcolor です。たとえば、document.bgcolor="blue" は背景色が青であることを意味します。

イベント

ユーザーが Web ページを操作するときに発生する操作はイベントと呼ばれます。イベントは、ユーザー、ページの変更、または目に見えないイベント (Ajax インタラクションの進行状況の変化など) によってトリガーされることがあります。ほとんどのイベントは、ユーザーのアクションによってトリガーされます。たとえば、ユーザーがマウス ボタンを押すとクリック イベントが生成され、マウス ポインターがリンク上を移動するとマウスオーバー イベントが生成されます。 JavaScript では、イベントはイベント ハンドラーと組み合わせて使用​​されることがよくあります。

イベント処理の場合、W3C メソッドは addEventListener() 関数を使用します。この関数には、イベント、トリガーされる関数、イベント キャプチャを使用するかどうかの 3 つのパラメーターがあります。セキュリティ上の理由から、3 番目のパラメータを常に false に設定することをお勧めします。

従来の方法では、要素の on... イベントを定義します。これは、イベント パラメータの前に「on」を追加した W3C メソッドです。 。 IE のイベント モデルは、attachEvent と detachEvent を使用してイベントをバインドおよび削除します。 JavaScript のイベントはキャプチャとバブリングの 2 つの段階に分かれていますが、従来のバインディングはバブリング イベントのみをサポートします。

変数

例: var myVariable = "some value";

上記の例では、myVariable の型は string (string) です

。

JavaScript でサポートされています 一般的に使用される型は次のとおりです:

object: オブジェクト
array: 配列
number: 数値
boolean: true と false の 2 つの値のみを持つブール値、すべての型の中で最もメモリを消費しません
null: a null 値、唯一の値 null
未定義:定義も代入も持たない変数

実際、JavaScript 変数に代入するのは弱い変数型であり、それが String である場合は String です。数値、それは整数です。 true または false の場合、ブール型になります (引用符は使用できないことに注意してください。使用しない場合は文字列として扱われます)。

大文字と小文字を区別します

JavaScriptでは大文字と小文字が区別されます。

JavaScriptステートメントを記述する際は、大文字小文字切り替えキーがOFFになっているかどうかにご注意ください。

関数 getElementById と getElementbyID は異なります。

同様に、変数 myVariable と MyVariable も異なります。

次のセクション