还在害怕手写题吗，本文可以帮你扩展并巩固自己的JS基础，顺便搞定90%的手写题。在工作中还可以对常用的需求进行手写实现，比如深拷贝、防抖节流等可以直接用于往后的项目中，提高项目开发效率。不说废话了，下面就直接上代码吧。

• 第一个参数为null或者undefined时，this指向全局对象window，值为原始值的指向该原始值的自动包装对象，如 String、Number、Boolean
• 为了避免函数名与上下文(context)的属性发生冲突，使用Symbol类型作为唯一值
• 将函数作为传入的上下文(context)属性执行
• 函数执行完成后删除该属性
• 返回执行结果

Function.prototype.myCall =function(context,...args){
let cxt = context || window;
//将当前被调用的方法定义在cxt.func上.(为了能以对象调用形式绑定this)//新建一个唯一的Symbol变量避免重复let func = Symbol()
    cxt[func] = this;
    args = args ? args : []
//以对象调用形式调用func,此时this指向cxt 也就是传入的需要绑定的this指向const res = args.length > 0 ? cxt[func](...args) : cxt[func]();
//删除该方法，不然会对传入对象造成污染（添加该方法）delete cxt[func];
return res;

2.apply的实现

• 前部分与call一样
• 第二个参数可以不传，但类型必须为数组或者类数组

Function.prototype.myApply =function(context,args = []){
let cxt = context || window;
//将当前被调用的方法定义在cxt.func上.(为了能以对象调用形式绑定this)//新建一个唯一的Symbol变量避免重复let func = Symbol()
    cxt[func] = this;
//以对象调用形式调用func,此时this指向cxt 也就是传入的需要绑定的this指向const res = args.length > 0 ? cxt[func](...args) : cxt[func]();
delete cxt[func];
return res;
}

3.bind的实现

需要考虑：

• bind() 除了改变this指向外，还可传入多个参数；
• bind 创建的新函数可能传入多个参数；
• 新函数可能被当做构造函数调用；
• 函数可能有返回值；

实现方法：

• bind 方法不会立即执行，需要返回一个待执行的函数；（闭包）
• 实现作用域绑定（apply）