JavaScript 関数の 4 つの呼び出しモード
1 関数モード
最も一般的な関数呼び出し
// 声明式函数 function fn1 () { console.log(this); } // 函数表达式函数 var fn2 = function() { console.log(this); }; // 调用 函数中this表示全局对象,在浏览器中就是指window fn1(); //window fn2(); //window
2 メソッド モード
関数はオブジェクトにアタッチされ、オブジェクトの属性です。次に、この関数を呼び出します。 。このパターンがメソッド呼び出しパターンです。
var obj = { name: "zhangSan", sayHi: function () { console.log(this); } }; obj.sayHi(); //obj对象
3 コンストラクター呼び出しモード
は、通常、 new + 関数名 ( ) を介してコンストラクターを呼び出します。 このモードは、上記のメソッド モード
function Person() {} var tom = new Person(); // 这就是构造器函数的调用 // 构造函数调用的详细过程 // 1 会在内部创建一个对象o // 2 给对象赋值(this), 然后执行各种操作 // 3 返回这个对象o // 构造函数的返回值: // // 有一个默认的返回值,新创建的对象(实例); // 当手动添加返回值后(return语句): // 1. 返回值是基本数据类型-->真正的返回值还是那个新创建的对象(即实例) // 2. 返回值是复杂数据类型(对象)-->真正的返回值是这个对象
4 コンテキスト モード
の本質 -オブジェクトはオブジェクトに属さないメソッド(関数)を借用します。つまり、この点をカスタマイズします
このとき、callとapplyの2つのメソッドが必要です
//Function.prototype.call () //Function.prototype.apply () //——>任何函数都可以调用call和apply方法 // 第一个参数控制this的指向,第二个参数: 在使用 上下文调用的 时候, 原函数(方法)可能会带有参数, 那么这个参数在上下文调用中使用 第二个( 第 n 个 )参数来表示
//伪数组 var o={ 0:10,1:20,length:2 }; //让o对象借用数组的push方法来添加元素 //[].push.call(o,30,50,70) [].push.apply(o,[1,2,3]) console.log(o);//其中对象o中length属性的值也会改变的哦
読んでいただきありがとうございます、皆様のお役に立てれば幸いです。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) にご注目ください!