JavaScript構文：初心者のためのガイド

JavaScriptの書き方を学びたいのなら、あなたは正しい場所に来ました。

すべてのプログラミング言語には、英語と同じように独自のルールセットがあります。考えてみてください。小学生の頃、文章を構成するための文法のルールを学びました。

英語と同じように、プログラミング言語は規則に従って、誰もが言われていることを理解できるようにします。英語を使うときに私たち全員が独自のルールを作ることができるかどうか想像してみてください。誰もコミュニケーションをとることができません。同様に、プログラミング言語はルールに厳密であるため、作成したコードを実行できます。

このガイドでは、JavaScript構文について説明します。構文とは、JavaScriptでコードを記述する方法を定義する一連のルールを指します。

構文が重要な理由

JavaScriptには、従う必要のある構文規則がいくつかあります。たとえば、角かっこを開いた後で角かっこを閉じないと、エラーが返されます。コンピューターは、ユーザーが何をするように指示しているかを理解していないため、プログラムの実行を続行できません。

これは、コンピューターと人間の重要な違いに値します。人間は時折発生するエラーを識別してスキップできる場合がありますが、コンピューターはプログラミング言語でコードを実行するときに同じことを行うことはできません。そのため、使用しているプログラミング言語の構文を使用してコードを記述することが重要です。

構文により、コードが読みやすくなります。全員が同じ構文を使用している場合、他の人のプログラムを簡単に解釈できます。英語と同じように、基本的なルールを理解すれば、読めないコード行はありません。

このガイドでは、構文の次の機能に焦点を当てます。

参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

• 空白
• 変数の命名
• インデント
• コメント
• セミコロン

始めましょう！

空白

プログラマーは空白について何度も議論します。これは非常に物議を醸すトピックです。これらの議論を少し脇に置いて、JavaScriptの構文に関して覚えておく必要のある重要なルールが1つあります。それは、変数の間にスペースを入れ、括弧の前後にスペースを入れる必要があるということです。

forを書いているとしましょう ループ：

for (var i = 0; i < 4; i++) {
	console.log(i);
}

このループは、0から4の範囲のすべての数値をコンソールに出力します。ご覧のとおり、forの間にはスペースがあります キーとforの開き角かっこ ループ。閉じ中括弧（（）と開始中括弧（{）の間にはスペースがあります。また、これらの括弧内のすべてのステートメントの間にもスペースがあります。

• var i =0;
• i <4;

forの外部に変数を割り当てる場合 ループの場合、同じアプローチを使用します。

var cookie = “Raspberry Chocolate Chip”;


変数の間にスペースを追加すると、コードが読みやすくなります。

インデント

他のプログラミング言語とは異なり、JavaScriptプログラムを1行で記述できます。コードを読むのがどれほど難しいかを考えてみてください。それでも、それは可能です。

ifなど、コードブロック内にあるすべてのステートメント 条件文またはクラス–インデントする必要があります。インデントとは、コードの先頭に2つのスペース、4つのスペース、またはタブを追加することです。プログラマーの間では、何が最善かについて多くの議論がありますが、コード全体で一貫性を維持している限り、問題はありません。

これがインデントされたfor ループ：

for (var i = 0; i < 4; i++) {
	console.log(i);
}

console.log()という用語が表示されます タブを使用してインデントされました。これは、中括弧内に含まれているためです。これは、forループの内容を残りのコードと区別するのに役立ちます。 ifなど、コードに別のコードブロックがある場合 ステートメントでは、その内容をさらにインデントします。

for (var i = 0; i < 4; i++) {
	if (i === 3) {
		console.log(i);
	}
}

このコードは、iの値を出力します 3に等しい場合。そうでなければ、何も起こりません。このスニペットでは、if ステートメントはforにあるため、1つのタブでインデントされます ループ。 console.log() ステートメントはif内に含まれているため、2つのタブでインデントされます ステートメント。それ自体がforに含まれています。 ステートメント。

コメント

コメントは、開発者が開発者のために書いたステートメントです。技術的にはJavaScriptで読み取られますが、実行されません。

コメントの目的は、開発者がコードを追跡できるようにすることです。複雑な関数を実装している場合は、関数の各部分が何をするのかがわかるように、いくつかのコメントを書くことをお勧めします。コメントは共同プロジェクトでもよく使用されるため、開発者が自分でプログラムを作成していなくても、すべての開発者がプロ​​グラムを理解できます。

JavaScriptでは、コメントは二重スラッシュを使用して記述され、その後にコメントが続きます。

// This is a comment that will be skipped over by JavaScript!

二重スラッシュの後の後続のすべての文字は、コメントとして扱われます。コメントを複数行にまたがらせるには、次の構文を使用できます。

/* This is a comment
that spans multiple lines. */

/*と*/の間のテキストは、JavaScriptコンパイラによって無視されます。

変数の命名

変数に名前を付ける方法はたくさんあります。最も一般的な3つの方法は、上部キャメルケース、下部キャメルケース、およびアンダースコアを使用することです。

JavaScriptでは、ほとんどの開発者は変数に名前を付けるために小文字のキャメルケースを使用することを好みます。

firstName, surname, isAdmin


JavaScriptで変数を宣言すると、次のようになります。

var firstName = “Tony”;


使用している変数のタイプ（この場合はvar）の後に、変数の名前、等号、変数に格納する値が続きます。

変数に含まれる単語が1つだけの場合でも、変数の最初の単語は小文字で始める必要があります。上記のように、2番目以降のすべての単語は大文字で始まる必要があります。

他のメソッド（アンダースコアの「first_name」や大文字の「FirstName」など）を使用して変数を記述できますが、JavaScriptではそれほど一般的ではありません。

JavaScriptの変数では、大文字と小文字が区別されます。これは、firstName およびfirstname 、同じ基本文字が含まれていても、処理が異なります。

変数名として使用できない「予約語」と呼ばれる単語がいくつかあります。これらはJavaScriptで特別な機能を持つ単語です。たとえば、変数に「class」または「for」という名前を付けることはできません。これらはすでに言語で使用されているためです。

予約済みのJavaScriptキーワードのリストは、MozillaDeveloperNetworkにあります。

セミコロン

英語では、すべての文はピリオドで終わります。終止符。これにより、ある文の読み取りを停止して別の文を開始するタイミングがわかります。小学生の頃を振り返ると、文章は一息つく場所だと言われたのではないでしょうか。

コンピュータプログラムは息を呑む必要はありませんが、プログラム内でステートメントがどのように分割されているかを知る必要があります。 JavaScriptでは、ほとんどのステートメントはセミコロンで終わります。

var cookie = “Chocolate Fudge”;


ブロックステートメントの後にセミコロンを指定する必要はありません。これらは、class、switch、do、if、forなどのステートメントです。これらのステートメントは、中括弧を使用してコードを格納します。

function addNumbers(one, two) {
	return one + two;
}

このコードでは、returnが終了したことがわかります。 セミコロン付きのステートメント。それは私たちの機能にあるからです。私たちの関数はセミコロンで終わらない。

結論

JavaScriptプログラミング言語にはたくさんのルールがあります。これらの各ルールにより、自分とブラウザの両方が読み取れるコードを確実に記述できます。チームで作業している場合は、JavaScriptの構文規則に従うことが特に重要です。

これが私たちがカバーした主なルールの要約です：

• 変数宣言内、または「for」や「if」などのキーワードの後のすべてのステートメントは、空白で区切る必要があります。
• コードのブロックで囲まれたステートメント（つまり、「if」、「else」）はインデントする必要があります。
• 変数名は小文字のキャメルケースを使用する必要があり、予約語のキーワードと同じであってはなりません。
• ブロックステートメントを除くすべてのステートメントは、セミコロンで終了する必要があります。
• //は単一行のコメントを書き込むために使用でき、/ **/は複数行にまたがるコメントを書き込むために使用できます。

これで、プロの開発者のようにJavaScriptでコーディングを開始する準備が整いました。