技術とどう一緒に使うのか、そして、どのような機能があるのかが分かったのではないでしょうか。基本的な構成要素である変数について見てみましょう。何かが分かっていること。変数についての基礎を会得する。必要なツールこの記事を通じて、理解した内容を確認するために、コードを入力してもらうことがあるでしょう。コンソールでしょう(詳しくはブラウザーの開発者ツールとはをご覧ください)。変数とは変数は値の入れものです。数を合計したり、ある文章の一部を格納するのに使用します。変数が特別なのは、変数が持っている値を変更できることにあります。'さん、初めまして!');}この例では、ボタンを押すとちょっとしたコードが走ります。最初の行では、ボタンを押した人の名前を入力するボックスが画面に表示されます。入力された値を変数に保存します。2行目では、入力した人の名前を変数から取り出して、あいさつのメッセージに含めています。これが便利なのかを理解するためには、変数を使用せずにこの例と同じことをするためにはどのようにすればよいのか考えてみましょう。次のようになるでしょう。...もしかしたら、まだ完全にはコードの内容がわからないかもしれませんね!けれども、変数がなければ、適切なメッセージを表示するために、どんな名前が入力されたのかを延々と判定し続ける巨大なコードを書かなければならないことが、何となくでもわかるのではないでしょうか。5人の名前しか表示できないのに既に大きくなっています)。すべての状況に対応するようには書くことはできないでしょう。変数というのはとても合理的です。慣れていけばとても自然なものに感じられるでしょう。変数についてもう一つ特筆すべき点は、変数には文字列や数字だけでなく、何でも格納できるということです。複雑なデータや、すごいことをする関数全体ですら保持できます。先に進めばさらに理解できるようになるでしょう。変数に値を「格納する」と言っていますが、これは重要な区別です。変数は値を保持するもので、値そのものではありません。物を入れる段ボール箱のようなものだと思ってください。変数を宣言する変数を使用するためには、まずは変数を作らなければなりません。正確には、「宣言する」といいます。キーワードに続けて変数名を書きます。つの行をブラウザーのコンソールに入力してみましょう。下のコンソールに入力することも可能です。続けて、好きな名前で変数を作ってみましょう。書かなければなりません。1行ずつ書いているうちは動くかもしれませんが、複数行を書き始めたら動かなくなってしまうでしょう。いつでもセミコロンを書くようにして、慣れていきましょう。今実行している環境に値が存在するかどうか、変数名を入力して確かめることができます。myName;myAge;これらの変数は現在、値を保持しておらず、空です。いう値が表示されるでしょう。変数自体が存在していない場合はエラーメッセージが表示されます。以下の変数を入力してみてください。変数が存在していて値がないのと、変数自体が存在していないことを混同しないでください。上記の箱の例えでは、変数自体が存在しないということは値の箱(変数)がないということとなります。値がないということは、箱は確かにあるけれどその中に値がないということです。変数を初期化する変数を宣言したら、値を入れて初期化できます。入力し、変数に入れたい値を渡します。37;コンソールに戻って上の行を入力してみてください。コンソール上に、変数に設定した値がその都度戻ってくることが確認できるでしょう。先ほど言ったように、変数の名前をコンソールに入力することで、その値が確認できます。一度、やってみましょう。myName;myAge;変数の宣言と初期化を一度にすることもできます。'Rover';2行で書くよりも簡単に書けるので、ほとんどの場合はこのように書くでしょう。つのキーワードが必要なのですか。あるのでしょうか」と考えるかもしれません。その理由はやや歴史的なものです。ほとんどの場合、基本的にはうまく機能しますが、その機能にはいくつかの問題があります。その設計は時々混乱したり、実に迷惑になることがあります。多少異なる動作をする変数を作成するための新しいキーワードで、その過程での問題を修正しています。一部の簡単な違いを以下に説明します。リファレンスページを参照してください)。宣言することができます。1行ずつ入力してもうまくいきません。これは巻き上げのために動作します。巻き上げを読んでください。変更すると、エラーで失敗します。変数を初期化した後に宣言すると混乱しやすくなり、コードを理解するのが難しくなります。