js修改 this 指向

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

1. call()、bind()、apply()的用法，改变this的指向，区别在于
   f.call(obj, arg1, arg2…),
   f.bind(obj, arg1, arg2,…)(),
   f.apply(obj, [arg1, arg2, .])

• apply

function bindThis(f, oTarget) {
 return function() {
     return f.apply(oTarget, arguments)
 }
}

• bind

function bindThis(f, oTarget) {
 return f.bind(oTarget)
}

• call

function bindThis(f, oTarget) {
 return function() {
     return f.call(oTarget, ...arguments)
 }
}

例：

function fn(x, y) {
console.log(this)
console.log(x + '-' + y)
console.log(this.name + '-' + this.age)
}
var persoon = {
name: 'chen',
age: 18
}
fn.call(persoon, 'hh', 20) //改变this指向person

function bindThis(f, oTarget) {
    return function(...args){//返回一个函数--封装；。。。arg用于将数据都接收到数组args中
        oTarget.f=f;//利用对象的方法中的this指向对象原理，将f中的this指向对象
        return oTarget.f(...args);//函数的最终结果返回函数指向结果。。。args将参数展开传入
    }
}

3. 利用循环的方法，使得返回值的变化

function bindThis(f, oTarget) {
if(f.bind){
return f.bind(oTarget);
}else {
return function(){
return f.apply(oTarget,arguments);
};
}
}