ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript チュートリアルのカスタム オブジェクト

JavaScript チュートリアルのカスタム オブジェクト

黄舟
リリース: 2016-12-22 15:40:42
オリジナル
1376 人が閲覧しました

JavaScript を使用して独自のオブジェクトを作成します。 JavaScript とブラウザ自体は非常に強力ですが、JavaScript には新しいオブジェクトを作成するためのメソッドも用意されています。これにより、ハイパーテキスト マークアップ言語やその他のマルチメディア ツールを必要とせずに、多くの複雑なタスクを完了できるようになります。

JavaScript で新しいオブジェクトを作成するのは非常に簡単です。まずオブジェクトを定義し、次にそのオブジェクトのインスタンスを作成する必要があります。 このインスタンスは、オブジェクト定義の基本的な特性を持つ新しいオブジェクトです。

オブジェクトの定義

JavaScriptオブジェクトの定義、その基本形式は以下の通りです:

関数オブジェクト(プロパティテーブル)

This.prop1=prop1

This.prop2=prop2

...

This。 meth= FunctionName1;

This.meth=FunctionName2;

...

オブジェクトの定義では、オブジェクトのプロパティとメソッドを指定できます。 オブジェクトのインスタンスはプロパティとメソッドで構成されます。たとえば、次は University オブジェクトの定義です:

Function University(name,city,creatDate URL)

This.name=name

This.city=city

This.creatDate=New Date(creatDate)

This .URL=URL

基本的な意味は次のとおりです:

名前 - 「ユニット」の名前を指定します。

都市 - 「ユニット」が位置する都市。

CreatDate - 大学オブジェクトの更新日を記録します。

URL – このオブジェクトは URL を指します。


オブジェクト インスタンスを作成する

オブジェクトの定義が完了したら、オブジェクトのインスタンスを作成できます:

NewObject=New object();

ここで、 Newobjet は新しいオブジェクトであり、 Object は定義されています。例:

U = 新しい大学("江蘇省", "南京市", "2014年1月5日 12:00:00", "http://www.51ebk.com")


オブジェクトメソッド

の使用 オブジェクトで属性を使用することに加えて、メソッドも使用する必要がある場合があります。オブジェクトの定義には、オブジェクトを定義するメソッドである This.meth=FunctionName ステートメントがあります。実際のオブジェクトのメソッドは FunctionName という関数であり、それによってその意図が実現されます。

この例では、大学オブジェクトにメソッドを追加し、それ自体が表示され、対応する文字列を返します。

関数大学(名前,都市,作成日,URL)

This.Name=名前;

This.city=都市;

This.createDate=新しい日付(作成日);

This.URL=URL;

This.showuniversity=showuniversity;

This.showuniversity はメソッド --showuniversity() を定義します。 showuniversity() メソッドは、大学オブジェクト自体の表示を実装します。

function showuniversity()

For (var prop in this)

alert(prop+="+this[prop]+"");

ここで、alert は文字列を表示する JavaScript の内部関数です。

上記はカスタム オブジェクトに関する JavaScript チュートリアルの内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください


ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート