Javascript手写实现call

call可以执行该方法，并改变this的指向。

原生call使用

const Dog = {
    name: '旺财',
    eat: function (food1, food2) {
        console.log(`${this.name}吃${food1}和${food2}`);
    }
};
const Cat = {
    name: '喵喵'
};
Dog.eat('骨头', '鸡肉');
Dog.eat.call(Cat, '鱼肉', '牛肉');

Dog.eat.call(Cat, ‘鱼肉’, ‘牛肉’);调用了Dog的eat方法，并把eat方法中的this，指向了Cat，执行了方法eat()，输出Cat的内容；

手写实现call
在原生的基础上，我们知道call改变了Dog中eat的指向，但是它的效果，是不是和在Cat中添加eat的方法是一样的？
如下所示：

const Dog = {
    name: '旺财',
    eat: function (food1, food2) {
        console.log(`${this.name}吃${food1}和${food2}`);
    }
};
const Cat = {
    name: '喵喵',
    // 在cat中添加eat方法
    eat: function (food1, food2) {
        console.log(`${this.name}吃${food1}和${food2}`);
    }
};
Dog.eat('骨头', '鸡肉');
Cat.eat('鱼肉', '牛肉');

基于以上的理解，我们可以有一个call实现的基本思路，在Cat中动态添加一个key，key指向Dog中的eat方法，之后再把这个唯一key删除，那就可以实现call的效果。
实现步骤如下：

1. 在Function原型上添加myCall方法
2. 第一个形参接收context上下文，…arg接收剩余的参数
3. 使用Symbol()定义一个唯一key
4. 给context添加一个key属性，指向原本执行的this（这里指eat方法）
5. 使用…arg传给context[key]方法，即【Cat】里面的eat方法，执行并得到result
6. 删除给【Cat】中新添加的唯一key属性
7. 返回result，得到最终的结果

// 在Function原型上添加myCall方法
// 第一个形参接收context上下文，...arg接收剩余的参数
Function.prototype.myCall = function (context, ...arg) {
	// 使用Symbol()定义一个唯一key
    const key = Symbol();
    // 给context添加一个key属性，指向原本执行的this（这里指eat方法）
    context[key] = this;
    // 使用...arg传给context[key]方法，即【Cat】里面的eat方法，执行并得到result
    const result = context[key](...arg);
    // 删除给【Cat】中新添加的唯一key属性
    delete context[key];
    // 返回result，得到最终的结果
    return result;
};
const Dog = {
    name: '旺财',
    eat: function (food1, food2) {
        console.log(`${this.name}吃${food1}和${food2}`);
    }
};
const Cat = {
    name: '喵喵'
};
Dog.eat('骨头', '鸡肉');
Dog.eat.myCall(Cat, '鱼肉', '牛肉');