JavaScript 構文



JavaScript はプログラミング言語です。文法規則は言語の構造を定義します。


JavaScript 構文

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

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


JavaScript リテラル

プログラミング言語では、リテラルは 3.14 のように定数です。

数値リテラルは、整数、小数、または科学表記法 (e) に​​することができます。

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
	
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 123e5;
</script>
	
</body>
</html>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

文字列リテラル 一重引用符または二重引用符を使用できます:

インスタンス

りー

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

式リテラルの計算に使用されます:

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
	
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>
	
</body>
</html>

インスタンスの実行»

「インスタンスの実行」をクリックします""オンラインの例を表示するボタン

配列リテラル配列を定義します:

[40、100、1、5、25、10] :"John", lastName:"Doe", age:50, eyeColor:"blue"}

Function (関数) リテラル 関数を定義します:

function myFunction(a, b) { return a * b ;}

JavaScript 変数

プログラミング言語では、変数はデータ値を格納するために使用されます。
JavaScript は、キーワード
var
を使用して変数を定義し、等号を使用して変数に値を割り当てます。

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
	
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>
	
</body>
</html>

インスタンスの実行»

オンラインで表示するには、[インスタンスの実行] ボタンをクリックします。インスタンス

変数は変数名を介してアクセスできます。命令型言語では、変数は通常変更可能です。リテラルは定数値です。

変数は

nameです。リテラルは 値 です。
Note

JavaScript 演算子

JavaScript は、算術演算子を使用して値を計算します:

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p id="demo"></p>
<script>
var length;
length = 6;
document.getElementById("demo").innerHTML = length;
</script>

</body>
</html>

インスタンスの実行»

オンラインの例を表示するには、[インスタンスの実行] ボタンをクリックしてください

課題操作 演算子 変数に値を割り当てます:

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>

</body>
</html>

例の実行»

オンライン例を表示するには、[例の実行] ボタンをクリックしてください

JavaScript 言語には多くの種類の演算子があります:

タイプ説明
代入、算術演算子、ビット演算子= + - * /JS演算子で説明
条件演算子、比較演算子、論理演算子== != < ; > JS 比較演算子で説明



JavaScript ステートメント

HTML では、JavaScript ステートメントはブラウザーに発行されるコマンドです。

ステートメントはセミコロンで区切られます:

x = 5 + 6;
y = x * 10;



JavaScript キーワード

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

var x = 5 + 6;
var y = x * 10;




JavaScript キーワード

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

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

JavaScript キーワードは、文字、アンダースコア (_)、またはドル記号 ($) で始まる必要があります。

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

JavaScript で最も重要な予約語を次に示します (アルファベット順)。

intインターフェースこれをロングネイティブ新しいnullパッケージプライベートprotected公開揮発性

JavaScript に関する注意事項

すべての JavaScript ステートメントが「コマンド」であるわけではありません。二重スラッシュ // の後の内容はブラウザによって無視されます:

// 実行されません

JavaScript データ型

JavaScript には多くのデータ型があります: 数値、文字列、配列、オブジェクトなど:

var length = 16; = "ジョンソン";リテラル割り当て
var cars = ["Saab", "Volvo", "BMW"] // 配列リテラルによる配列割り当て
var person = {firstName:"John", lastName:"Doe"}; // オブジェクト リテラルによるオブジェクトの割り当て


データ型の概念

プログラミング言語において、データ型は非常に重要な内容です。

変数を操作できるようにするには、データ型の概念を理解することが非常に重要です。

データ型が使用されない場合、次の例は実行されません:

16 + "Volvo"
16 + "Volvo" 上記はどのように計算されますか? または、次の結果が出力されますか? ?

「16Volvo」
上記のコードをブラウザで実行して効果を確認してください。

データ型については、次の章で詳しく説明します。

JavaScript 関数

JavaScript ステートメントは関数内に記述することができ、関数は繰り返し参照できます:

関数の参照

= 関数の呼び出し (関数内のステートメントの実行)。

function myFunction(a, b) {
return a * b;                                       // a と b
}

を乗算した結果を返します



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

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

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

関数 getElementByIdgetElementbyID とは異なります。

同様に、変数 myVariableMyVariable とは異なります。


JavaScript 文字セット

JavaScript は Unicode 文字セットを使用します。

Unicode は、句読点やその他の文字を含むすべての文字をカバーします。

さらに詳しく知りたい場合は、完全な Unicode リファレンス マニュアルをご覧ください。


ご存知ですか?

booleanenum
switch



breakexport
同期しました



バイト拡張します
させてください



ケースfalse
スロー



キャッチ決勝
スロー



charついに
transient



classfloat
tru​​e



constのため
試してみる



続ける機能
種類



デバッガーgoto
var



デフォルトif
無効



実装戻る




インポート短いしながら




doubleinstaticwith




Note
JavaScript では、一般的な命名規則は、lastName (姓ではなく) などのキャメルケースです。