Patterns_jsオブジェクト指向のjs関数呼び出しまとめ

メソッド呼び出しモード
関数がオブジェクトのプロパティとして保存されると、それをオブジェクトのメソッドと呼び、これがオブジェクトにバインドされます。

コードをコピー コードは次のとおりです:

var myObject={
name : "myObject" ,
value : 0 ,
increment : function(num){
this.value = typeof(num) === 'number' num : 0; >toString : function(){
return '[Object:' this.name ' {value:' this.value '}]'
}
}
alert(myObject);// [Object: myObject {value:0}]

関数呼び出しモード
関数がオブジェクトの関数ではない場合、関数として呼び出されます。これはグローバル オブジェクトへのバインドです。これは言語設計の間違いです。言語設計が正しい場合、内部関数が呼び出されるとき、これは依然として外部関数の this 変数にバインドされているはずです。例:

コードをコピー コードは次のとおりです:

var myObject={

name : " myObject" ,
value : 0 ,
increment : function(num){
this.value = typeof(num) === 'number' : 0; ,
toString : function(){
return '[Object:' this.name ' {value:' this.value '}]'
},
getInfo:function(){
return ( function(){
return this.toString();//内部匿名関数内の this はグローバル オブジェクト ウィンドウを指します
})();
}
}
alert(myObject.getInfo ());//[オブジェクト ウィンドウ]


幸いなことに、簡単な解決策があります。変数を定義してそれに値を代入すると、内部関数がそれにアクセスできるようになります。この変数を介して、次のようなオブジェクトを指します。

コードをコピー コードは次のとおりです: var myObject={

name : "myObject" ,

value : 0 ,
increment : function(num){
this.value = typeof(num) === 'number' ? num : 0;
} ,
toString : function(){
return '[オブジェクト:' this.name ' {value:' this.value '}]'; 🎜>getInfo:function() {
var self=this;
return (function(){
return self.toString(); // 変数 self を介して myObject オブジェクトを指す
} )();
}
}
alert(myObject.getInfo());//[Object:myObject {value:0}]



コンストラクターの呼び出しmode

JavaScript はプロトタイプ継承に基づいた言語です。これは、オブジェクトが他のオブジェクトからプロパティを直接継承できることを意味します。言語にはクラスがありません。

先頭に new を付けて関数が呼び出された場合、関数に接続されたプロトタイプ メンバーを非表示にする新しいオブジェクトが作成され、これがコンストラクターのインスタンスにバインドされます。


コードをコピー

コードは次のとおりです。 function MyObject(name){ this.name =name || 'MyObject'; this.value=0;

this.value = typeof(num) === '数値' ? num : 0 ;

};
this.toString=function(){
return '[オブジェクト:' this.name ' {value:' this.value '}]'; 🎜>this .target=this;
}
MyObject.prototype.getInfo=function(){
return this.toString();
/*
MyObject を作成する.prototype 同時に Object、myObject は MyObject.prototype のすべてのプロパティを継承します。
これは MyObject のインスタンスにバインドされます
*/
var myObject=new MyObject(); new MyObject() ; //alert(myObject.target===myObject);//ture
//alert(myObject.target.getInfo());//[Object:MyObject {value:0 }]
myObject.increment(10);
otherObject.increment(20);
alert(myObject.value);//10
alert(otherObject.value);//20



呼び出しモードを適用する

JavaScript は関数型オブジェクト指向プログラミング言語であるため、関数にはメソッドを含めることができます。
関数の apply メソッドは、オブジェクトがこのメソッドを持っているかのように、オブジェクトにこのメソッドを持たせます。このとき、これはオブジェクトを指します。
apply は 2 つのパラメータを受け取ります。1 つ目はバインドされるオブジェクト (this が指すオブジェクト)、2 つ目はパラメータ配列

コピー コードです。
コードは次のとおりです:

function MyObject(name){
this.name=name || 'MyObject';
this.value=0;
this.increment=function(num){
this.value = typeof(num) === '数値' ?番号: 0;
};
this.toString=function(){
return '[オブジェクト:' this.name ' {value:' this.value '}]';
}
this.target=this;
}
function getInfo(){
return this.toString();
}
var myObj=new MyObject();
alert(getInfo.apply(myObj));//[Object:MyObject {value:0}],this指向myObj
alert(getInfo.apply(window));//[object Window],this指向窓