手写js原生方法

Call 的实现
call() 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法

举个例子：

var obj = {
  value: "fay",
};

function fn() {
  console.log(this.value);
}

fn.call(obj); // fay

通过 call 方法我们做到了以下两点：

• call 改变了 this 的指向，指向到 obj 。
• fn 函数执行了。
  那么如果我们自己写 call 方法的话，可以怎么做呢？我们先考虑改造 obj 。

var obj = {
  value: "fay",
  fn: function () {
    console.log(this.value);
  },
};

obj.fn(); // fay

这时候 this 就指向了 obj ，但是这样做我们手动给 obj 增加了一个 fn 属性，这显然是不行的，不用担心，我们执行完再使用对象属性的删除方法（delete）不就行了？

obj.fn = fn;
obj.fn();
delete obj.fn;

根据这个思路，我们就可以写出来了：

Function.prototype.myCall=function(context)
// 判断调用对象
{if (typeof this !=='function'){
{
throw new Error('Type error');
}
// 首先获取参数
let args=[...arguments].slice(1);
let result=null;
//判断context是否传入，没传入就设置为window
context=context||window
//将被调用的方法设置为context的属性
// this 即为我们要调用的方法
context.fn=this;
//执行要被调用的方法
result=context.fn(...args);
// 删除手动增加的属性方法
delete context.fn;
return result;
}