call,apply,bind

相同作用：

都是为了改变this指向而存在的。

区别：

• 这三个方法接受的第一个参数都是要绑定的this指向
• apply的第二个参数是一个数组，即把要传入函数的参数放在数组内传入；而call是把需要的参数按顺序传递进去

func.call(this, arg1, arg2);
func.apply(this, [arg1, arg2])

• bind则是返回一个待执行的新函数， 当新函数执行的时候改变了this的指向，但这个函数不会马上执行。

call的简单实现

Function.prototype.myCall = function(context,...args){
context = context || window;
context.fn = this;
let res = context.fn(...args);
delet context.fn;
return res;
}

apply的简单实现

Function.prototype.myApply = function(context,...args){
context = context || window;
contect.fn = this;
let res = context.fn(...args);
delet context.fn;
return res;
}

bind的简单实现

Function.prototype.bindNew = function (context, ...args) {
  return (...newArgs) => this.apply(context, [...args, ...newArgs]);
};

// test
const test = {
  name: "fy",
  showName: function (last) {
    console.log(this.name + " is " + last);
  },
};
test.showName("handsome"); // fy is handsome
test.showName.bindNew({ name: "Mr.fy" })("handsome");