ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptオブジェクト指向定義メンバメソッドインスタンス解析

JavaScriptオブジェクト指向定義メンバメソッドインスタンス解析

韦小宝
韦小宝オリジナル
2017-11-30 09:01:041454ブラウズ

この記事では、JavaScriptオブジェクト指向メンバーメソッドの定義を分析します。JavaScriptオブジェクト指向のメンバーメソッドの定義に慣れていない学生は、これを見て、JavaScriptについて学ぶことができます。

javascriptはオブジェクト指向であり、メンバーメソッドは次のように定義されています:

<script language="javascript" type="text/javascript">
function Person(name,age){
 this.name = name;
 this.age = age;
 this.show = function(){
  document.write(this.name+"今年"+this.age+"岁");
 }
}
var p1 = new Person("王美人",24);
p1.show();
</script>

説明:
(1) ここではコンストラクターが使用されています
(2) this.show= function() this インスタンス化されたすべてのオブジェクトがこのメソッドを持つように定義されたメソッド。インスタンス化されたオブジェクトを個別に所有する必要がある場合は、以下の例のように、関数を外部に記述して渡すことができます
(3) this.show の function() にパラメーターを含めることもできます。


関数は外部で定義されています
javascriptオブジェクトのプロパティとメソッドは動的に追加されるため、次のように定義できます:

<script language="javascript" type="text/javascript">
function Person(name,age){
 this.name = name;
 this.age = age;
}
function show(){
 window.alert("hello,"+this.name);
}
var p1 = new Person("王美人",24);
p1.show1 = show;//注意,函数后面带()与不带()的区别。带括号表示将结果给p1.show1,而不带括号表示将该函数给p1.show1。
p1.show1();
</script>

または、

p1.show1 = function show(){..................}

以上が JavaScript におけるオブジェクト指向の定義メンバーメソッドの解析の内容です。これが学生の JavaScript の理解に役立つことを願っています。

関連する推奨事項:

JavaScript オブジェクト指向の基礎とこの問題点の詳細な分析

javascript オブジェクト指向性属性関数の使用法

JavaScript オブジェクト指向プログラミング (オブジェクト作成)

以上がJavaScriptオブジェクト指向定義メンバメソッドインスタンス解析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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