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

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

Dec 22, 2016 pm 03:45 PM

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 までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか? 独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか? Mar 18, 2025 pm 03:12 PM

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか? ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか? Mar 18, 2025 pm 03:14 PM

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? Apr 04, 2025 pm 02:42 PM

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

ブラウザ開発者ツールを使用してJavaScriptコードを効果的にデバッグするにはどうすればよいですか? ブラウザ開発者ツールを使用してJavaScriptコードを効果的にデバッグするにはどうすればよいですか? Mar 18, 2025 pm 03:16 PM

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

ソースマップを使用して、マイナイドJavaScriptコードをデバッグするにはどうすればよいですか? ソースマップを使用して、マイナイドJavaScriptコードをデバッグするにはどうすればよいですか? Mar 18, 2025 pm 03:17 PM

この記事では、ソースマップを使用して、元のコードにマッピングすることにより、Minified JavaScriptをデバッグする方法について説明します。ソースマップの有効化、ブレークポイントの設定、Chrome DevtoolsやWebpackなどのツールの使用について説明します。

Javaのコレクションフレームワークを効果的に使用するにはどうすればよいですか? Javaのコレクションフレームワークを効果的に使用するにはどうすればよいですか? Mar 13, 2025 pm 12:28 PM

この記事では、Javaのコレクションフレームワークの効果的な使用について説明します。 データ構造、パフォーマンスのニーズ、スレッドの安全性に基づいて、適切なコレクション(リスト、セット、マップ、キュー)の選択を強調しています。 コレクションの使用を効率的に最適化します

初心者向けのタイプスクリプト、パート2:基本データ型 初心者向けのタイプスクリプト、パート2:基本データ型 Mar 19, 2025 am 09:10 AM

エントリーレベルのタイプスクリプトチュートリアルをマスターしたら、TypeScriptをサポートするIDEで独自のコードを作成し、JavaScriptにコンパイルできるはずです。このチュートリアルは、TypeScriptのさまざまなデータ型に飛び込みます。 JavaScriptには、NULL、未定義、ブール値、数字、文字列、シンボル(ES6によって導入)とオブジェクトの7つのデータ型があります。 TypeScriptはこれに基づいてより多くのタイプを定義し、このチュートリアルではすべてを詳細に説明します。 ヌルデータ型 JavaScriptのように、Typescriptのnull

chart.js:パイ、ドーナツ、バブルチャートを始めます chart.js:パイ、ドーナツ、バブルチャートを始めます Mar 15, 2025 am 09:19 AM

このチュートリアルでは、chart.jsを使用してパイ、リング、およびバブルチャートを作成する方法について説明します。以前は、4つのチャートタイプのchart.js:ラインチャートとバーチャート(チュートリアル2)、およびレーダーチャートと極地域チャート(チュートリアル3)を学びました。 パイとリングチャートを作成します パイチャートとリングチャートは、さまざまな部分に分かれている全体の割合を示すのに理想的です。たとえば、パイチャートを使用して、サファリの男性ライオン、女性ライオン、若いライオンの割合、または異なる候補者が選挙で受け取る票の割合を示すことができます。 パイチャートは、単一のパラメーターまたはデータセットの比較にのみ適しています。パイチャートのファンの角度はデータポイントの数値サイズに依存するため、パイチャートは値のあるエンティティをゼロ値で描画できないことに注意してください。これは、割合がゼロのエンティティを意味します

See all articles