ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript チュートリアル: 初めてオブジェクトについて知る

JavaScript チュートリアル: 初めてオブジェクトについて知る

黄舟
黄舟オリジナル
2016-12-22 15:45:171122ブラウズ

JavaScript 言語はオブジェクトベースであり、オブジェクト指向ではありません。オブジェクトベース言語と言われる理由は主に、抽象化、継承、オーバーロードなどのオブジェクト指向言語に関連する機能があまり提供されていないためです。 代わりに、他の言語で作成された複雑なオブジェクトを統合して、非常に強力なオブジェクト システムを形成します。

JavaScript 言語はオブジェクトベースですが、基本的なオブジェクト指向の特性もいくつか持っています。 必要に応じて独自のオブジェクトを作成できるため、JavaScript の範囲がさらに拡張され、強力な Web ドキュメントの作成が強化されます。

オブジェクトの基礎知識

1. オブジェクトの基本構造

JavaScript のオブジェクトは、プロパティとメソッドという 2 つの基本要素で構成されます。前者は、オブジェクトが必要な動作を実現する過程で情報の読み込み単位を実現するため、変数と関連付けられることを意味し、後者は、オブジェクトが設計者の意図に従って実行できるため、特定の機能と関連付けられることを意味します。


2. オブジェクトの参照方法

実際にオブジェクトを利用するには、JavaScriptの内部オブジェクトを参照する方法、ブラウザ環境に提供する方法、新規オブジェクトを作成する方法があります。これは、オブジェクトが参照される前に、そのオブジェクトが存在する必要があることを意味します。そうでない場合、参照は無意味になり、エラー メッセージが表示されます。 上記から、JavaScript 参照オブジェクトは 3 つの方法で取得できることがわかります。新しいオブジェクトを作成するか、既存のオブジェクトを使用します。


3. オブジェクト操作ステートメントについて

JavaScript は純粋なオブジェクト指向言語ではないため、JavaScript 設計者はそれをオブジェクト指向言語ではなく「オブジェクトベース」と呼びます。 JavaScript には、オブジェクトを操作するためのいくつかのステートメント、キーワード、および演算子が用意されています。

For...in ステートメント

形式は次のとおりです:

For (既知のオブジェクト名のオブジェクト属性名)

説明: 1. このステートメントの機能は、既知のオブジェクトのすべての属性の操作を制御することです。オブジェクトのサイクル。 これは、既知のオブジェクトのすべてのプロパティを、カウンターを使用して変数に繰り返し設定することを意味します。 2. このステートメントの利点は、オブジェクト内の属性の数を知らなくても操作できることです。

with ステートメント

このステートメントを使用すると、ステートメントの本文内で、変数への参照はすべてこのオブジェクトのプロパティとみなされ、コードが保存されます。

形式は次のとおりです:

with object{

...}

with ステートメントの後の中括弧内のすべてのステートメントは、次のオブジェクト オブジェクトのスコープ内にあります。

このキーワード

これは現在のものへの参照です。JavaScript ではオブジェクト参照が多レベルかつ多方向であるため、あるオブジェクトへの参照には別のオブジェクトへの参照が必要になることが多く、別のオブジェクトにも参照が必要になる場合があります。別のオブジェクトを参照すると、最終的にどのオブジェクトが現在参照されているかが分からなくなる可能性があります。このため、JavaScript では、そのオブジェクトを現在のオブジェクトとして指定するためのステートメントが提供されています。

新しい演算子

JavaScript のオブジェクトの関数はすでに非常に強力です。 しかし、さらに強力なのは、デザイナーが特定の要件を満たすためにオンデマンドで独自のオブジェクトを作成できることです。新しいオブジェクトを作成するには、New 演算子を使用します。作成されるオブジェクトは次の形式を使用します:

Newobject = new Object(Parameters table);

Newobject は新しいオブジェクトを作成します。object は既存のオブジェクトです。parameters table は JavaScript のコマンド ステートメントです。


4. オブジェクト属性への参照

オブジェクト属性への参照は、次の 3 つの方法のいずれかで実装できます:

1. ドット (.) 演算子を使用します

university.Name = "Yunnan省"

university .city="昆明市"

university.Date="1999"

ここで、university は既存のオブジェクトであり、Name、City、Date がその 3 つの属性であり、操作を通じて値が割り当てられます。

2. オブジェクトの添字を使用して参照を実装します

university[0]="Yunnan"

university[1]="Kunming City"

university[2]="1999"

配列形式を使用してプロパティにアクセスします、その値はループ演算を使用して取得できます。

3. 文字列の形式で実現します

university["Name"]="雲南"

university["City"]="昆明市"

university["Date"]="1999"


5. オブジェクト メソッドへの参照

JavaScript でのオブジェクト メソッドへの参照は非常に簡単です。

形式: ObjectName.methods()

実際、methods()=FunctionName メソッドは本質的に関数です。 大学オブジェクトの showmy() メソッドを参照する場合、次を使用できます:

document.write (university.showmy()) または document.write(university)

上記は、JavaScript チュートリアルの内容です。オブジェクトを初めて知り、より関連性の高い内容については、PHP 中国語 Web サイト (www.php.cn) にご注意ください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。