JavaScriptの基本構文

JavaScriptの基本構文

JavaScriptの構文はJava言語に似ており、各ステートメントは;で終わり、ステートメントブロックは{...}を使用します。ただし、JavaScript では各ステートメントの末尾に ; を追加する必要はありません。JavaScript コードを実行するブラウザのエンジンが各ステートメントの末尾に ; を自動的に追加します。

注: JavaScript エンジンにセミコロンの自動追加を許可すると、場合によってはプログラムのセマンティクスが変更され、実行結果が期待と一致しなくなります。このチュートリアルでは ; を省略せず、すべてのステートメントに ; を追加します。

たとえば、次のコード行は完全な代入ステートメントです:

var x = 1;

次のコード行は文字列ですが、完全なステートメントとみなすことができます:

'Hello, world';

次のコード行には 2 つのステートメントが含まれています。 each 各ステートメントはステートメントの終わりを示すために ; を使用します:

var x = 1; var y = 2;

// 1 行に複数のステートメントを記述することはお勧めできません

たとえば、次のコードは最初にステートメントを作成します。判定。判定が true の場合、実行されます。 {...} 内のすべてのステートメント:

if (2 > 1) {
    x = 1;
    y = 2;
    z = 3;
}

中括弧 {...} 内のステートメントにはインデントがあり、通常は 4 つのスペースがあることに注意してください。 JavaScript 構文ではインデントは必須ではありませんが、インデントはコードの階層を理解するのに役立つため、コードを記述するときはインデントの規則に従う必要があります。多くのテキスト エディタには、コードの整理に役立つ「自動インデント」機能が備わっています。

{...} をネストして階層構造を形成することもできます。

if (2 > 1) {
    x = 1;
    y = 2;
    z = 3;    if (x < y) {
        z = 4;
    }    if (x > y) {
        z = 5;
    }
}

JavaScript 自体にはネストのレベルに制限はありませんが、ネストが多すぎると間違いなくコードの理解が大幅に難しくなります。この場合、コードの一部を抽出して関数として呼び出す必要があるため、コードの複雑さを軽減できます。

コメント

// で始まり行末までの文字は行コメントとみなされます。コメントは開発者が見るためのものであり、JavaScript エンジンによって自動的に無視されます。

// これは行コメント アラート('hello) '); // これもコメントです

別の種類のブロック コメントは、複数行の文字を /*...*/ で囲み、大きな「ブロック」をコメントとして扱います:

/* ここからブロックコメントです
まだコメントです
まだコメントです
コメント終了*/

//alert('我不想执行');
alert('我也不想执行');
<html>
<head>
 <script>
 //alert('我不想执行');
 alert('我也不想执行');
 </script>
</head>
<body>
 ...
</body>
</html>


学び続ける
||
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> RunJS 演示代码 </title> <script> var ck = function(){ var x = prompt ("输入数据: ", ""); alert(x); } </script> </head> <body> <button onclick="ck();"> 按钮 </button> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜