JavaScript-修改this指针

题目

封装函数 f，使 f 的 this 指向指定的对象 。

输入例子

bindThis(function(a, b) {
    return this.test + a + b；
}, {test: 1})(2, 3)；

输出例子

6

分析

该题目的要求是：封装一个函数bindThis，该函数有两个参数，第一个参数是一个内部有使用this指针的函数f，第二个参数是一个对象obj，执行bindThis之后，返回一个函数，该函数里面的this就被绑定到obj上面。

function f(a, b) {
    return this.test + a + b；
}

function bindThis(f, obj) {
    //你实现的部分
}

//执行函数
var a = bindThis(f,{test:1});
a(2,3);

 

解决方法

javascript的三剑客:bind apply call

1、解决方法一：使用bind()

function f(a, b) {
    return this.test + a + b;
}

function bindThis(f, obj) {
    //你实现的部分
    return f.bind(obj);
}

//执行函数
var a = bindThis(f,{test:1});
console.log(a(2,3));
console.log(f(2,3));

 

6
NaN

 

2、解决方法二：使用apply()

function bindThis(f, obj) {
    //你实现的部分
    return function () {
        return f.apply(obj, arguments);
    };
}

 

3、解决方法三：使用call()

function bindThis(f, obj) {
    //你实现的部分
    return function (a,b) {
        return f.call(obj, a,b);
    };
}

 

call和apply基本的区别：参数不同。

apply() 接收两个参数，第一个是绑定 this 的值，第二个是一个参数数组。

而 call() 呢，它的第一个参数也是绑定给 this 的值，但是后面接受的是不定参数，而不再是一个数组，也就是说你可以像平时给函数传参那样把这些参数一个一个传递。