this的指向问题----bind,call,apply,new

call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象,第二个参数差别就来了:

call 的参数是直接放进去的,第二第三第 n 个参数全都用逗号分隔,直接放到后面 obj.myFun.call(db,'成都', ... ,'string' )。

apply 的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(db,['成都', ..., 'string' ])。

bind 除了返回是函数以外,它 的参数和 call 一样。

function foo(b){
    console.log(this.a, b);
    return this.a + b;
}
var obj = {
    a: 2
};
var bar = function() {
    return foo.apply(obj, arguments);
};
var b = bar(3);// 2 3
console.log(b);//5

等价于

function foo(b){
    console.log(this.a, b);
    return this.a + b;
}
var obj = {
    a: 2
};
var bar = function() {
    let args=arguments;
    return foo.bind(obj,...args);
};
var b = bar(3);// 2 3
console.log(b());//5

等价于

function foo(b){
    console.log(this.a, b);
    return this.a + b;
}
var obj = {
    a: 2
};
var bar = function() {
    return foo.call(obj, ...arguments);
};
var b = bar(3);// 2 3
console.log(b);//5

 

posted @ 2021-07-27 20:04  阿兰儿  阅读(40)  评论(0编辑  收藏  举报