【Handwriting】模拟实现 call, apply

[Enivia]

call

call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。

语法

function.call(thisArg, arg1, arg2, ...)

使用

function Product(name, price) {
  this.name = name;
  this.price = price;
}

function Food(name, price) {
  Product.call(this, name, price);
  this.category = "food";
}

console.log(new Food("cheese", 5).name);
// expected output: "cheese"

实现

Function.prototype.call2 = function (ctx) {
  const context = ctx || window;
  context.fn = this;
  const args = [...arguments].slice(1);
  const res = context.fn(...args);
  delete context.fn;

  return res;
};

apply

apply() 方法调用一个具有给定 this 值的函数，以及以一个数组（或一个类数组对象）的形式提供的参数。

语法

apply(thisArg);
apply(thisArg, argsArray);

使用

const numbers = [5, 6, 2, 3, 7];

const max = Math.max.apply(null, numbers);

console.log(max);
// expected output: 7

const min = Math.min.apply(null, numbers);

console.log(min);
// expected output: 2

实现

Function.prototype.apply2 = function (ctx, args) {
  const context = ctx || window;
  context.fn = this;
  const res = args ? context.fn(...args) : context.fn();
  delete context.fn;
  return res;
};

参考：mqyqingfeng/Blog#11