こんにちは住民! JavaScriptはかつてないほど簡単になりました!一般的なフレーズやあいまいな用語を使用せずに、プログラミング言語のすべての機能を学習します。詳細な例、イラスト、図は初心者でもわかりやすくなります。情報の簡単な提示と作者の活発なユーモアは、退屈な暗記をコードを書く面白い練習に変えます。最後の章に到達すると、スキルをレベルアップして、ページ上の要素の単純な移動であれ、独自のブラウザゲームであれ、ほとんどすべての問題を解決できるようになります。
学習内容の簡単なリストを次に示します。
•変数を使用してコードを整理する方法。
•関数がコードを再利用可能にする方法。
•ループと条件の操作方法。
•グローバルスコープとローカルスコープとは何ですか。
•クロージャとは何ですか。
•コメントを正しく書く方法。
•JavaScriptで遭遇するオブジェクトの主なタイプ。
•テキストを操作し、標準の文字列操作を実行する方法。
•配列を使用してリストを処理する方法。
•独自のオブジェクトを作成する方法。
ピザ、種類、プリミティブ、オブジェクトについて
この章では:
- オブジェクトの本質と特徴を分析します。
- JavaScriptの基本的な型について理解しましょう。
- ピザはおいしいだけでなく、教育的価値もあることを発見してください。
本格的なビジネスに取り掛かる時が来ました。超真面目!最後の数章では、文字列(テキスト)、数値、ブール値(trueおよびfalse)、関数、その他の組み込みJavaScript要素など、さまざまな値について説明しました。
記憶をリフレッシュするためのいくつかの例を次に示します。
let someText = "hello, world!";
let count = 50;
let isActive = true;
他の言語とは異なり、JavaScriptを使用すると、これらの組み込み要素を簡単に定義して使用できます。将来の使用について計画を立てる必要すらありません。しかし、そのすべての単純さのために、多くの隠された詳細があります。また、コードを理解しやすくするだけでなく、誤動作の原因の特定をスピードアップするため、彼らの知識は重要です。
ご想像のとおり、インライン要素は、JSで使用されるさまざまな値を説明するための最良の方法ではありません。このような値には、より正式な名前、つまりタイプがあります。この章では、それらの本質と目的をスムーズに紹介します。
行く!
最初にピザについて話しましょう
私はいつも何かを食べる(または何を食べるかを考える)ので、より簡単な例であるピザの世界を使用して、タイプの不思議な世界を説明しようと思います。
あなたがそれを長い間食べていないならば、それからそれがどのように見えるかをあなたに思い出させてください:
もちろん、ピザはこのようにどこからともなく出てくるわけではありません。それは単純なものと複雑な成分から作られています:
シンプルな材料は簡単に識別できます。これらはキノコとハラペーニョです。それらを単純と呼ぶ理由は、それらを構成要素に分解できないためです。
それらは他のコンポーネントから製造または組み立てられていません。
複雑な材料には、チーズ、ソース、生地ベース、ペパロニなどがあります。それらを難しくしているのは、それらが他の成分から作られているということです:
残念ながら、チーズやペパロニなどの材料は決して簡単ではありません。それらを準備するには、さまざまな成分を混ぜ、揚げ、追加する必要があります。さらに、それらの準備は単純な成分の混合に限定されず、複雑な組み合わせも必要になる場合があります。
ピザからJavaScriptまで
前のセクションでピザについて学んだことはすべて、正当な理由がありました。単純な要素と複雑な要素の説明は、JavaScriptの型に非常に当てはまります。個々の成分は、使用できるタイプの類似物と考えることができます(図12.1)。
ピザのチーズ、ソース、ペパロニ、マッシュルーム、ベーコンのように、JavaScriptのタイプは、文字列、数値、ブール値、null、未定義、bigint。、シンボル(シンボル)、オブジェクト(オブジェクト)です。あなたがすでに精通しているかもしれないこれらのタイプのいくつか、あなたがそうでないかもしれないいくつか。これらについては、今後さらに詳しく検討します。 12.1あなたはそれらの目的の簡単な説明を見ることができます。
ご覧のとおり、各タイプには独自の目的があります。同時に、ピザの材料と同様に、それらも単純なものと複雑なものに分けられます。 JavaScriptの用語でのみ、単純型と複雑型はそれぞれプリミティブ(プリミティブ型)とオブジェクト(オブジェクト型)と呼ばれます。
プリミティブ型には、string、number、boolean、null、bigint、symbol、およびundefinedが含まれます。それらの管轄内にある値は、部分に分割されることはありません。 JavaScriptの世界ではハラペーニョとキノコです。プリミティブは、定義して理解しやすい要素にフォーマットするのがかなり簡単です。彼らには深みがなく、彼らと会うとき、私たちは原則として、最初に見たものを手に入れます。
上記の表でオブジェクトとして表されているオブジェクトタイプは、よりわかりにくいものです。したがって、リストされているすべてのタイプの詳細の説明に進む前に、オブジェクトが正確に何であるかを個別に検討する価値があります。
オブジェクトとは何ですか?
JavaScriptのようなプログラミング言語のオブジェクトの原則は、私たち全員が文字通りオブジェクトに囲まれているという実際のアナロジーを完全に捉えています。これらには、コンピューター、棚にある本、ジャガイモ(物議を醸す)、目覚まし時計、eBayに注文したポスターなどが含まれます。何度でも続けることができます。
文鎮のようないくつかのオブジェクトはほとんど役に立たず、長期間非アクティブになる可能性があります。
テレビのような他のオブジェクトは、すでに単なる存在を超えて、多くのタスクを実行しています。
通常のテレビは信号を受信し、信号のオンとオフを切り替えたり、チャンネルを切り替えたり、音量を調整したりできます。
ここで重要なのは、オブジェクトの形状、サイズ、目的が異なることを理解することです。これらの違いにもかかわらず、トップレベルでは、それらはすべて同じであり、抽象化を表しています。内部構造を気にすることなく使用できます。最も単純なオブジェクトでさえ、心配する必要のない特定のレベルの複雑さを隠します。
たとえば、テレビの内部で正確に何が起こっているか、ワイヤーがどのようにはんだ付けされているか、または部品を接続するためにどのような接着剤が使用されているかは関係ありません。これは重要ではありません。あなたが興味を持っているのは、テレビがその目的を果たすことだけです。彼は定期的にチャンネルを切り替えたり、音量を調整したりする必要があります。残りは不必要なトラブルです。
基本的に、オブジェクトはブラックボックスと考えることができます。彼が実行する事前定義された/記述されたアクションがいくつかあります。彼のやり方を見るのは簡単ではありません。実際、彼がすべてを正しく行っている限り、あなたはこれに興味がありません。後でオブジェクトの内部を作成する方法を学ぶときにこれについて考えを変えますが、今のところ、この世界のシンプルさを楽しんでください。
JavaScriptで事前定義されたオブジェクト
前述の組み込み型に加えて、JSには事前定義されたオブジェクトが付属しています。これらのオブジェクトを使用すると、データセット、日付、テキスト、数値など、あらゆるものを操作できます。テーブル 12.2は、前のリストと同様のリストを提供し、その目的を説明しています。
組み込みオブジェクトの使用は、プリミティブの使用とは少し異なります。この点での各オブジェクトは、独自の方法で特別です。これらすべての使用機能の詳細な説明は後で延期しますが、ここでは、可能なオプションを示すコメント付きの短いコードスニペットを示します。
//
let names = ["Jerry", "Elaine", "George", "Kramer"];
let alsoNames = new Array("Dennis", "Frank", "Dee", "Mac");
//
let roundNumber = Math.round("3.14");
//
let today = new Date();
// boolean
let booleanObject = new Boolean(true);
//
let unquantifiablyBigNumber = Number.POSITIVE_INFINITY;
// string
let hello = new String("Hello!");
プリミティブstring、boolean、symbol、bigint、およびnumberもオブジェクトの形式で存在する可能性があることに多少混乱するかもしれません。外見上、このオブジェクトフォームはプリミティブフォームと非常によく似ています。次に例を示します。
let movie = "Pulp Fiction";
let movieObj = new String("Pulp Fiction");
console.log(movie);
console.log(movieObj);
両方のオプションを出力すると、同じ結果が表示されます。ただし、内部的には、movieとmovieObjはまったく異なります。 1つ目は文字列型のプリミティブで、2つ目はObject型です。これは興味深い(そして時には紛らわしい)振る舞いにつながります。これは、組み込み型を調べながら徐々に紹介していきます。
, , . , , . . , . , .
, . , .
この本の詳細については、出版社 のWebサイトを参照してください
» 目次
» 抜粋
電子版の本- 色
居住者向けクーポンの25%割引 -JavaScript
紙版の本の支払い時に、e -本は電子メールで送信されます。