js基础之call、apply

call与apply的异同

相同点：1、都可以用来修改函数内部的this指向

　　　　2、都会立即执行函数

不同点：

1、传参方式不同

　　第一个参数都是传递需要指向的obj，之后的传递参数的方式不相同，apply是把剩下的参数通过数组的形式传递，call剩下的参数传递个数不固定，一个一个的传递。

应用场景:

　　call可以用来判断数据类型，如：Object.prototype.toString.call([]) // 返回值[object Array]

　　apply可以用来求数组的最值，如：const arr = [3,4,6,1,4,50]; Math.max.apply(this, arr);同样用call也可以实现，只不过传参不一样。

手动实现call和apply：

Function.prototype.myCall = function (context) {
  if (typeof this !== 'function') {
    throw new Error('Not a function')
  }
  //
  context = Object(context)
  const key = Symbol(); // 这里为了方便就使用Symbol保证唯一性，当然也可以使用其他的方式，如自己再写个生成uuid的方式获取唯一值。
  const args = [...arguments].slice(1); // [...arguments]这一步是把类数组arguments变为真正的数组，使其具有slice方法，从而获取参数。
  context[key] = this; // 这里的this就是代表要执行的方法。
  context[key](...args);

  delete context[key]; 
}

Function.prototype.myApply = function (context, rest) {
  if (typeof this !== 'function') {
    throw new Error('Not a function')
  }
  //
  context = Object(context)
  const key = Symbol();
  context[key] = this;
  context[key](...rest);

  delete context[key];
}

　　解析：

　　　　上面执行执行 context[key](...args)和 context[key](...rest)之所以能改变this的指向是因为把对应的执行方法先挂载在context上，然后通过context来执行，因为普通函数内部this的指向的是其直接调用者。明白这个道理就自己实现起来就简单了。

标签：function,...,context,js,call,key,apply
来源： https://www.cnblogs.com/brucefq/p/16610132.html