JS call apply bind

this总是指向调用某个方法的对象,但是使用call()和apply()方法时,就会改变this的指向。

call.(thisOject, arg1 ,arg2 ...)

我们单独说说call(),因为apply()和call差不多,只不过apply第二个参数必须传入的是一个数组,而call 第二个参数可以是任意类型。
 

obj1.(method).call(obj2,argument1,argument2)

obj1.(method).apply(obj2,[argument1,argument2])   参数是数组

如上,call的作用就是把obj1的方法放到obj2上使用,后面的argument1..这些做为参数传入。

function add (x, y) 

    console.log (x + y);

function minus (x, y) 

    console.log (x - y); 

add.call (minus , 1, 1);    //2    当然 minus替换成this也行

这个例子中的意思就是用 add 来替换 minus ,add.call(minus ,1,1) == add(1,1) ,所以运行结果为:console.log (2); // 注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。

A.call( B,x,y ):就是把A的函数放到B中运行,x 和 y 是A方法的参数。 

用call来实现继承,用this可以继承myfunc1中的所有方法和属性。

function myfunc1(){
    this.name = 'Lee';
    this.myTxt = function(txt) {
        console.log( 'i am',txt );
    }
}
 
function myfunc2(){
    myfunc1.call(this);
}
 
var myfunc3 = new myfunc2();
myfunc3.myTxt('Geing'); // i am Geing
console.log (myfunc3.name);    // Lee

bind() 方法 

将方法绑定到一个对象上,同时bind()  会返回一个新函数

新函数的任何实参都会传递给原始函数

下面f函数,返回绑定对象的x和第一个输入的参数,绑定到对象o返回新函数

调用新函数,  将 数组传递给原始函数。  返回5+2=7

发布了89 篇原创文章 · 获赞 4 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/m0_37879526/article/details/104580630