JavaScript 構文
JavaScript はプログラミング言語です。文法規則は言語の構造を定義します。
JavaScript 構文
JavaScript はスクリプト言語です。
これは軽量でありながら強力なプログラミング言語です。
JavaScript リテラル
プログラミング言語では、3.14 のように、リテラルは定数です。
数値リテラルには、整数、10 進数、または科学表記法 (e) を使用できます。
文字列リテラルは一重引用符または二重引用符を使用できます:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>
</body>
</html>配列リテラルは配列を定義します:
[40, 100, 1, 5, 25, 10]
Object ) リテラル オブジェクトを定義します:
{firstName:" John", lastName:"Doe", age:50, eyeColor:"blue"}
関数リテラル 関数を定義します:
function myFunction(a , b) { return a * b;}
JavaScript 変数
プログラミング言語では、データ値を保存するために変数が使用されます。
JavaScript は、キーワード var を使用して変数を定義し、等号を使用して変数に値を割り当てます
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p id="demo"></p>
<script>
var length;
length = 1;
document.getElementById("demo").innerHTML = length;
</script>
</body>
</html>JavaScript 演算子
JavaScript は算術演算子を使用して値を計算します:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>
</body>
</html> JavaScript 言語には複数のタイプの演算子があります。タイプ
代入、算術演算子、およびビット演算子 = =
条件演算子、比較演算子、論理演算子 == != <
ステートメントはセミコロンで区切られます: x = 5 + 6; y = x * 10;
JavaScript ステートメントは通常、キーワードで始まります。 var キーワードはブラウザに新しい変数を作成するように指示します:
var x = 5 + 6;
var y = x * 10;
JavaScript キーワード
他のプログラミング言語と同様に、JavaScript も私が選択したものです。自分用にキーワードをいくつか用意しておきます。
JavaScript では、現在の言語バージョンでは使用されていないが、将来の JavaScript 拡張機能で使用されるいくつかのキーワードも予約されています。
JavaScript キーワードは、文字、アンダースコア (_)、またはドル記号 ($) で始まる必要があります。
次の文字には、文字、数字、アンダースコア、またはドル記号を使用できます (JavaScript がキーワードと数字を簡単に区別できるように、最初の文字として数字を使用することはできません)。
以下は JavaScript で最も重要な予約語です (アルファベット順):
abstract else instanceof super
boolean enum int switch
break export インターフェースの同期化
バイト拡張 letこの
case false ロングスロー
最終的なネイティブスローをキャッチ
char 最後に新しいトランジェント
class float null true
パッケージ試し用のconst
続行関数 private typeof goto protected var
public void の場合はデフォルト
delete 実装は volatile を返す
do import short while
double in static with
JavaScript 注
すべての JavaScript ステートメントが「コマンド」であるわけではありません。ダブルスラッシュ // 以降のコンテンツはブラウザーによって無視されます:
//
JavaScript データ型は実行されません
JavaScript には、数値、文字列、配列、オブジェクトなどの多くのデータ型があります:
Var Length = 16; // Number は数値を割り当てます
var Points = x * 10 // Number は式
var LastName = "Johnson" // String = ["Saab", "Volvo"; ", "BMW"]; // 配列リテラルを介して割り当てられる配列
var person = {firstName:"John", lastName:"Doe"}; // オブジェクト リテラルを介して割り当てられるオブジェクト
データ型の概念
プログラミング言語において、データ型は非常に重要な内容です。
変数を操作できるようにするには、データ型の概念を理解することが非常に重要です。
データ型が使用されていない場合、次の例は実行されません:
16 + "Volvo"
16 + "Volvo" 上記はどのように計算されますか? または、次の結果が出力されますか?
「16Volvo」
上記のコードをブラウザで実行して効果を確認してください。
データ型については、次の章で詳しく説明します。
JavaScript 関数
JavaScript ステートメントは関数内に記述することができ、関数は繰り返し参照できます:
関数の参照 = 関数の呼び出し (関数内のステートメントの実行)。
function myFunction(a, b) {
return a * b;
JavaScriptでは大文字と小文字が区別されます。
JavaScriptステートメントを記述する際は、大文字小文字切り替えキーがOFFになっているかどうかにご注意ください。
関数 getElementById と getElementbyID は異なります。
同様に、変数 myVariable と MyVariable も異なります。
JavaScript 文字セット
JavaScript は Unicode 文字セットを使用します。
Unicode は、句読点やその他の文字を含むすべての文字をカバーします。
さらに詳しく知りたい場合は、完全な Unicode リファレンス マニュアルをご覧ください。
次のセクション