js_javascript スキルでの function() の使用方法

JavaScript 関数は他の言語とは異なり、各関数はオブジェクトとして保持され、実行されます。関数オブジェクトのプロパティを使用すると、関数を変数に割り当てたり、関数をパラメーターとして渡すことが簡単にできます。続行する前に、関数を使用する構文を見てみましょう:

以下は引用部分です: function func1(…){…} var func2=function(…){… }; var func3=function func4(…){…};

コードをコピーします。 > コードは次のとおりです: // 1、メソッド呼び出しモード //関数はオブジェクトとして保存されます のプロパティの場合、それをオブジェクトのメソッドと呼び、これはオブジェクトにバインドされます var myObject={ name : "myObject" , value : 0 , increment : function(num){ this.value = typeof(num) === 'number' ? num : 0; return this; , toString : function (){ return '[オブジェクト:' this.name ' {value:' this.value '}]' } } alert(myObject.increment(10).increment( 20). toString()); // [Object:myObject {value:30}]

// 2、関数呼び出しモード // 関数が関数でない場合オブジェクトを呼び出し、関数として呼び出すと、グローバル オブジェクトにバインドされます。これは言語設計の間違いです。言語設計が正しい場合、内部関数が呼び出されるとき、これは外部関数 var myObject={ name : "myObject" , value : 0 , の this 変数にバインドされているはずです。 increment : function(num){ this.value = typeof(num) === 'number' : 0; return this; , toString : function( ){ return '[オブジェクト:' this.name ' {value:' this.value '}]' }, getInfo: function(){ var self=this; 🎜>return ( function(){ //return this.toString(); // 内部匿名関数の this はグローバル オブジェクト ウィンドウを指し、出力 [object Window] return self.toString(); // 変数 selft を定義し、それに値 this を代入すると、内部関数はこの変数を通じてオブジェクトを指す this にアクセスします。 } } alert(myObject.increment) (10).increment( 20).toString()); // [Object:myObject {value:30}]

// 3. コンストラクター呼び出しモード // JavaScript がベースプロトタイプ継承言語では、オブジェクトが他のオブジェクトからプロパティを直接継承できることを意味し、言語はクラスレスです。 // new を先頭に付けて関数が呼び出された場合、関数に接続されたプロトタイプ メンバーを非表示にする新しいオブジェクトが作成され、これがコンストラクターのインスタンスにバインドされます。 関数 MyObject(name){ this.name = name || 'MyObject'; this.increment = function(num){ this.value = typeof(num) === 'number' : 0; this.toString = function(){ return '[Object:' this.name ' {value:' this .value '}]'; } this.target = this;

MyObject.prototype.getInfo = function(){ return this.toString(); }

// MyObject.prototype オブジェクトを同時に作成します。myObject は、MyObject.prototype のすべてのプロパティを継承します。これは、MyObject のインスタンスにバインドされます。 = new MyObject (); myObject.increment(10);

var otherObject = new MyObject(); 20); alert(otherObject.value); //20

alert(myObject.target===myObject); // ture alert(myObject.target.getInfo()); // [ Object:MyObject {value:10}]

// 4、呼び出しモードを適用します // JavaScript は関数型オブジェクト指向プログラミング言語であるため、関数にはメソッドを含めることができます。 関数の apply メソッドは、オブジェクトがこのメソッドを持っているかのようになり、this はオブジェクトを指します。 // apply は 2 つのパラメータを受け取ります。1 つ目はバインドされるオブジェクト (this が指すオブジェクト)、2 つ目はパラメータ配列です。 function MyObject(name){ this.name = 名前 || 'MyObject'; this.increment = function(num){ this.value = typeof(num) === 数値 : 0 ; }; this.toString=function(){ return '[オブジェクト:' this.name ' {value:' this.value '}]' } . target=this; } function getInfo(){ return this.toString(); var myObj = new MyObject(); ( myObj)); //[Object:MyObject {value:0}]、これは myObj alert(getInfo.apply(window)) を指します、//[object Window]、これはウィンドウ

// for および while function func(a,b){ alert(a); // 1 alert(b); // 2

; (var i =0;i alert(arguments[i]) // 1, 2, 1, 2, 3 }

var i= 0; while(i alert(arguments[i]) // 1, 2, 1, 2, 3 i=i 1; >} func(1,2,3);

var i=0 for (i=0;idocument.write("番号は " i " ") }

js_javascript スキルでの function() の使用方法

関連記事