前端手写call,apply,bind方法

call参数1 是this指向参数,参数22 到 n是我们想要传递给函数的参数要用逗号隔开
apply 参数1 是this指向参数,参数2 是一个数组,表示我们要传递给函数的参数
bind 参数1 是我们的this指向参数 参数2 到 n是我们要传递的参数

特点
call和apply是立即执行函数
bind改变完this指向后返回一个函数不会立即执行,并且bind函数的this指向只能改一次后面在用bind链式调用去写也只是拿到第一次的this和第一次的传参
注意一点箭头函数是无法被call，apply，bind修改this指向的，因为箭头函数没有this

/*手写call方法 */
Function.prototype.my_call = function (obj, ...rest) {
  let mark = obj ? Object(obj) : window;
  const unikey = Symbol("my_call"); //生成一个唯一值的对象的key
  mark[unikey] = this; //谁调用就指向谁,因为我们用my_call方法是时候是changeThis调用的所以这个this 是指向changeThis函数的
  const res = mark[unikey](...rest); //用mark去调用mark[unikey]这个函数mark.unikey(...rest);
  delete mark[unikey];
  return res;
};

/*手写apply方法 */
Function.prototype.my_apply = function (obj, arr) {
  let mark = obj ? Object(obj) : window;
  const unikey = Symbol("my_apply"); //生成一个唯一值的对象的key
  mark[unikey] = this; //谁调用就指向谁,因为我们用my_apply方法是时候是changeThis调用的所以这个this 是指向changeThis函数的
  const res = mark[unikey](...arr);
  delete mark[unikey];
  return res;
};

/*手写bind方法 */
Function.prototype.my_bind = function (obj, ...rest) {
  let mark = obj ? Object(obj) : window;
  const unikey = Symbol("my_bind"); //生成一个唯一值的对象的key
  mark[unikey] = this; //谁调用就指向谁,因为我们用my_bind方法是时候是changeThis调用的所以这个this 是指向changeThis函数的
  return () => {
    mark[unikey](...rest);
    delete mark[unikey];
  };
};

function changeThis(arg1, arg2) {
  console.log("arg1", arg1);
  console.log("arg2", arg2);
  console.log("this", this);
}
var thisObject = {
  a: 1,
  b: 2,
};
changeThis.my_call(thisObject, 534543, 123);
changeThis.my_apply(thisObject, [534543, 123]);
changeThis.my_bind(thisObject, 534543, 123)();