ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript型にメソッド実装コードを追加(関数を増やす)_javascriptスキル

JavaScript型にメソッド実装コードを追加(関数を増やす)_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:57:491110ブラウズ

JavaScript の型関数 (Number/String/Boolean/Array/Date/Obejct など) はすべて Function.prototype から継承されるため、Function.prototype にメソッドを追加すると、そこから派生した基になる型関数にも影響します。例:

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

Function.prototype.addMethod= function(methodName, func){
if(!this[methodName]){
this[methodName]=func;//型の静的メソッドと同様に、メソッドを型に追加します。 func メソッドは、インスタンスではなく型に割り当てられます。
}
return this;//これを返すと、チェーン呼び出しを行うことができます。
Array.addMethod('testFun',function) ( ){alert(this)});
//Array.testFun(); //function Array() {[ネイティブ コード]}
Object.addMethod('testFun',function(){alert( this )});
//Object.testFun(); //function Object() {[ネイティブ コード]}
Boolean.addMethod('testFun',function(){alert(this)});
//Boolean.testFun(); //function Boolean() {[ネイティブ コード]}
function CustomObject(name,value){
this.name=name || 'CustomObject'; > this.value=value || 0;
this.toString=function(){return '[name:' this.name ',value:' this.value ']'}
}
CustomObject .addMethod('testFun',function(){alert(this)});
/* return:
* function CustomObject(name, value) {
this.name = name || ;
this.value = 値 || 0;
this.toString = function () {return "[name:" this.name ",value:" this.value "]";} }
*/
CustomObject.testFun();


この時点でインスタンスで呼び出すとエラーが報告されます。例:


コードをコピー コードは次のとおりです。 varcustomObject=new CustomObject( ); // CustomObject インスタンスを定義します
customObject.testFun();//エラー: temp.testFun は関数ではありません


インスタンスにメソッドを追加します
型インスタンスの場合は、「メソッドは型のプロトタイプにバインドされている」を追加する必要があります。たとえば、



コードをコピーします コードは次のとおりです。 Function.prototype.addMethod= function(methodName,func ){
if(!this.prototype[methodName]){
this.prototype[methodName]=func;//プロトタイプにメソッドを追加します。このメソッドはこの型のインスタンスに影響します
}
return this.prototype;//プロトタイプを返します。このタイプのインスタンスはチェーンで呼び出すことができます
}
Object.addMethod('testFun',function(){alert(this) )});
/({toString:function(){return '[空のオブジェクト]'}}).testFun() //[空のオブジェクト]
Number.addMethod('testFun',function) (){alert(this)} );
//(5).testFun() //5
String.addMethod('testFun',function(){alert(this)}); >//'test'.testFun (); //'test'
Boolean.addMethod('testFun',function(){alert(this)});
//true.testFun(); /true
Array.addMethod ('testFun',function(){alert(this)})
//(['a','b']).testFun();
Date.addMethod(' testFun',function(){alert(this)});
//new Date().testFun(); //2011 年 12 月 27 日火曜日 11:20:58 GMT-0800 (太平洋標準時)
function CustomObject(name,value){
this.name=name || 'CustomObject';
this.value=value || (){return '[name: ' this.name ',value:' this.value ']'}
}
CustomObject.addMethod('testFun',function(){alert(this)});
varcustomObject=new CustomObject ();
customObject.testFun(); //[name:CustomObject,value:0]


この時点で testFun が呼び出された場合、エラーが報告されます。たとえば、



コードをコピーします
コードは次のとおりです。 Array.addMethod('testFun) ',function() {alert(this)}); //Array.testFun(); //エラー: Array.testFun は関数ではありません CustomObject.addMethod('testFun',function(){ alert(this)} );
CustomObject.testFun(); //エラー: CustomObject.testFun は関数

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