ここへジャンプ:

JavaScript では、文字列や配列などの JavaScript のコア機能から、JavaScript の上に構築されたブラウザー API まで、ほとんどのものがオブジェクトです。 関連する関数や変数を効率的なパッケージにカプセル化する独自のオブジェクトを作成することもできます。 JavaScript のオブジェクトベースの性質を理解することは、言語に関する知識をさらに深め、より効率的なコードを書く場合に重要です。したがって、このモジュールを用意しました。 ここではオブジェクトの理論と構文を詳しく説明し、独自のオブジェクトを作成する方法を見て、JSON のデータとその使い方を説明します。

前提条件

このモジュールを始める HTML と CSS に精通している必要があります。JavaScript を始める前に HTML 入門CSS 入門 を通して作業することをオススメします。

また、 JavaScript オブジェクトを詳細に調べる前に、 JavaScript の基本についていくつか精通している必要があります。このモジュールを試す前に、 JavaScript の第一歩JavaScript の構成要素を通して学習してください。

注記 : もしあなたが作業しているコンピュータ・タブレットやその他のデバイスで自分でファイルを作れない場合は、 JSBinThimble といったようなオンラインコーディングプログラムで (ほとんどの場合) 試すことができます。

ガイド

オブジェクトの基本
JavaScript オブジェクトを見ている最初の記事では、基本的な JavaScript オブジェクト構文を見てみます。コースの初期段階で既に見た JavaScript の機能を再び見てみたり、すでに扱っている機能の多くは実際にオブジェクトであるという事実を繰り返し述べています。
初心者のためのオブジェクト指向 JavaScript
まずオブジェクト指向 JavaScript (OOJS) に焦点を当てます — この記事では、オブジェクト指向プログラミング (OOP) 理論の基本ビューを示し、次に JavaScript がコンストラクタ関数を介してオブジェクトクラスをエミュレートする方法と、オブジェクトインスタンスを作成する方法について説明します。
オブジェクトプロトタイプ
プロトタイプは、JavaScript オブジェクトが互いに機能を継承するメカニズムであり、古典的なオブジェクト指向プログラミング言語の継承メカニズムとは異なる働きをします。 この記事では、その違いを探り、プロトタイプチェーンの仕組みを説明し、 prototype プロパティを使用して既存のコンストラクタにメソッドを追加する方法を見ていきます。
JavaScript の継承
OOJS の大部分の詳細がこれまで説明されているため、この記事では、「親」クラスからフィーチャを継承する「子」オブジェクトクラス (コンストラクタ) を作成する方法を示します。また OOJS をいつどこで使用するかについてのアドバイスも提供しています。
JSON データの操作
JavaScript Object Notation (JSON) は、JavaScript オブジェクト構文に基づいて構造化されたデータを表現するための標準のテキストベースのフォーマットであり、ウェブサイト上でデータを表現し、送信するために一般的に使用されます (すなわち、サーバからクライアントへいくらかのデータを送信するので、ウェブページ上に表示することができる)。 この記事では、JSON を解析したり、その中のデータ項目にアクセスしたり、独自の JSON を記述したりするなど、JavaScript を使用して JSON を操作するために必要なことをすべて説明します。
オブジェクト構築の実践
これまで前の記事では、基本的な JavaScript オブジェクトの理論と構文の詳細をすべて見てもらい、あなたには基本的な出発点を与えられたはずです。 この記事では、実践的なエクササイズを行い、カスタム JavaScript オブジェクトを作成する際にもっと楽しく、色とりどりの色付きのボールを作成します。

評価

バウンスボールのデモへの機能の追加
この評価では、前の記事のバウンスボールデモを出発点として使用し、新しい興味深い機能を追加する予定です。

ドキュメントのタグと貢献者

 このページの貢献者: mfuji09, hamasaki, T.Ukegawa
 最終更新者: mfuji09,