付録A. 残り物:トップ10のトピック(カバーしていない)
私たちは多くの分野をカバーし、あなたはこの本をほぼ読み終えた。寂しくなるが、君たちを手放す前に、もう少しの準備なしに君たちを社会に送り出すのは気が引ける。この比較的小さな章に、君たちが知るべきことをすべて盛り込むことはできない。実は、もともとJavaScriptプログラミングについて知っておく必要があること(他の章ですでにカバーされていないこと)は、活字のポイントサイズを0.00004に小さくすることですべて盛り込んだ。しかし、誰もそれを読み取ることができなかった。そこで、そのほとんどを捨て、この「トップ10」付録Aのために最良の部分を残した。
これで本当にこの本は終わりだ。もちろん索引は別だ(必読!)。
#1 モジュール
この本では、スコープについてたくさん話をした。スコープに関連するJavaScript言語の機能で、触れなかったものにモジュールがある。モジュールは、ファイル・レベルでコードの可視性を制限するもうひとつの方法だ。
モジュールを使うのは簡単だ。つの新しいキーワードといくつかの簡単な規則を覚えるだけでいい。例えば、"taxi.js "というファイルがあって、その中にタクシーの車両を作成するクラスTaxi と関数createFleet があるとする。また、タクシーを呼びたいユーザのために、タクシーのリストを作成するWebページがあるとする。
HTMLから "taxi.js "ファイルへのリンクは、通常のスクリプト・リンクを使うことができる:
<script src="./taxi.js"></script> <script> // code to create and list a fleet of taxis </script>
しかし、みんなにcreateFleet を呼び出してほしいが、タクシーを直接インスタンス化してほしくない。モジュールを使えば、export キーワードを使って、「taxi.js」ファイルから何がエクスポートされるかをコントロールできる。Taxi クラスとcreateFleet 関数を含む「taxi.js」ファイルを見てみよう:
モジュールを使うには、それを使いたいJavaScriptにインポートしなければならない。例えば、"taxi.html "というWebページがあり、そこにタクシーを表示するとしよう。今までのように(そして前のページで示したように)「taxi.js」ファイルにリンクするのではなく、次のようにJavaScriptで importキーワードを使用する:
taxi.html "ファイル内のコードは、Taxi クラスにアクセスできないことに注意してほしい。なぜなら、このクラスは "taxi.js "モジュールからエクスポートされたものでも、"taxi.html ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access