JavaScript 構文

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


JavaScript 構文

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

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


JavaScript リテラル

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

数値リテラルには、整数、10 進数、または科学表記法 (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">andy</p>
<script>
    document.getElementById("demo").innerHTML = 'liu qi';
</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 * 10;
</script>
</body>
</html>

プログラムを実行して試してください


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

[40, 100, 1, 5, 25, 10]

オブジェクト リテラルはオブジェクトを定義します:

{firstName:"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>
    var length;
    length = 6;
    document.getElementById("demo").innerHTML = length;
</script>
</body>
</html>

プログラムを実行して試してみましょう


JavaScript 演算子

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

<!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 は代入演算子を使用して変数に値を割り当てます:

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

プログラムを実行して試してみましょう


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


JavaScript ステートメント

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

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

x = 5 + 6;

JavaScript キーワード

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

var x = 5 + 6;


JavaScript キーワード
; , JavaScript では、独自の使用のためにいくつかのキーワードが予約されています。

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

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

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

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

タイプインスタンス説明
代入、算術演算子、ビット演算子= + - * /JS演算子で説明
条件、比較、論理演算子 == != < > JS の比較演算子
ダブル
要約elseインスタンススーパー




booleanenumintswitch




休憩エクスポートインターフェース同期




バイト延長これをさせてください




casefalselongthrow




キャッチ決勝ネイティブスロー




charやっと新しい一時




classfloatnulltru​​e




constfor パッケージお試しください




続ける機能プライベートタイプ




デバッガーgotoprotectedvar




デフォルトifpublicvoid




削除実装戻る揮発性




インポート短いしながら




staticwith





JavaScript对大小写生に敏感です。 JavaScript 对大小文字は敏感です。

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

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


学び続ける
||
<!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>