JavaScript のスーパーパワーを解き放つ: 変数の魔法

今日から私たちはプログラミングの世界を発見します。 超能力を持った世界。はい、あなたはそれを正しく読みました、超大国。超大国でないとしたら、それは何でしょうか？ JavaScript を使用すると、物を飛ばしたり、動かしたり、消えたり、色を変えたり、何マイルも離れた場所から友達を見ることができますが、それは可能なことのほんの一部にすぎません。はい、すべて画面上に表示されますが、それでも非常にエキサイティングです。
他のスーパーヒーローと同じように、自分の力をコントロールし、よく知る必要があります。そのためには、最も重要な構成要素である全能の変数について理解することから始めましょう。
変数とは何ですか?サイズに関係なく、欲しいものを何でも入れることができる魔法の箱を想像してみてください。なんと素晴らしい発明でしょう?ただし、ここに問題があります。一度に 1 つのものしか保持できません (正直に言うと、実際にはどのようなサイズでも保持できませんが、今はそうではないことにしましょう)。
ペン、象、ギター、たくさんの本が並んだ本棚、さらには小説が書かれた紙など、何でも好きなものを置くことができます。ただし、一度に置くのは常に 1 つだけです。
JavaScript を使用してこのようなボックスを作成するにはどうすればよいでしょうか?とても簡単です!

let ourFirstBox

2 つの簡単な単語。最初のものは常に「let」キーワードであり、2 番目のものはボックスの名前です。 「let」はボックスを作成できる魔法のキーワードと考えることができます。名前は何でも構いませんが、いくつかのルールがあります。
厳しいルールがあります (ルールに従わない場合、魔法は機能しません)。
そしてソフト ルール (主に業界全体で標準化されたベスト プラクティス)。
まずは厳しいルールから始めましょう:

1. 名前を複数の単語で構成する場合は、単語をスペースで区切ることはできません。
2. 変数名を数字で始めることはできません。 次に、ソフト ルールについて説明します:
3. キャメルケースと呼ばれる表記法を使用する必要があります。最初の文字は常に小文字で、後続の単語はすべて大文字で始まり、スペースは含まれません。
4. 変数は名詞である必要があります。
5. 複数のアイテムを含むもの (たとえば、リンゴの袋) を保存したい場合は、bagOfApples のような複数名詞を使用する必要があります。
6. 変数名に数字を使用することは避けてください。

わかりました。これで箱ができました。中に何かを入れるにはどうすればよいでしょうか?例を見てみましょう:

let ourFirstBox;
ourFirstBox = 100;

その通りです！新しい行を作成し、変数名を繰り返します。ただし、今回は魔法の「let」キーワードは使用しません。これは、変数を作成する場合にのみ必要なためです。名前の後に等号を入力します。これは代入演算子です。 = 記号を使用して、変数に何かを入れたいことを示し、その後に「ボックス」に保存したいものを入れます。
これで、番号を格納するボックスができました。今のところ、思っているほど便利ではありませんが、ゆっくりとそこに到達していることを信じてください。
魔法の箱のもう一つの特徴は、いつでも中のアイテムを交換できることです。

let ourFirstBox;
ourFirstBox = 100;
ourFirstBox = 200;

現在、ourFirstBox 内の値は 200 です。
変数を作成するには 2 つの方法があります。最初に名前を定義してから、新しい行でその名前に値を割り当てることができます。または、すべてを一度に行うこともできます:

let ourFirstBox = 100;

ここでは、キーワード let を使用して変数を定義し、同時にそれに値を割り当てました。
「ボックス」にはもう一つ種類があります。これは定数と呼ばれます。名前が示すように、これは変更できないタイプの変数です。一度値を入力すると、それだけです。置き換えることはできません。

const ourFirstConstantBox = 200;

その値を変更しようとすると、エラーが発生します:

const ourFirstConstantBox = 200;
ourFirstConstantBox = 100; // Error!!!!!

これで、変数の作成方法がわかりました。次のレッスンでは、たくさんの変数を使用します。

以上がJavaScript のスーパーパワーを解き放つ: 変数の魔法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。