1. Function.prototype.myCall = function (context, ...args) {
    2.   if (!context || context === null) {
    3.     context = window;
    4.   }
    5.   // 创造唯一的key值  作为我们构造的context内部方法名
    6.   let fn = Symbol();
    7.   context[fn] = this; //this指向调用call的函数
    8.   // 执行函数并返回结果 相当于把自身作为传入的context的方法进行调用了
    9.   return context[fn](...args);
    10. };
    12. // apply原理一致  只是第二个参数是传入的数组
    13. Function.prototype.myApply = function (context, args) {
    14.   if (!context || context === null) {
    15.     context = window;
    16.   }
    17.   // 创造唯一的key值  作为我们构造的context内部方法名
    18.   let fn = Symbol();
    19.   context[fn] = this;
    20.   // 执行函数并返回结果
    21.   return context[fn](...args);
    22. };
    24. //bind实现要复杂一点  因为他考虑的情况比较多 还要涉及到参数合并(类似函数柯里化)
    26. Function.prototype.myBind = function (context, ...args) {
    27.   if (!context || context === null) {
    28.     context = window;
    29.   }
    30.   // 创造唯一的key值  作为我们构造的context内部方法名
    31.   let fn = Symbol();
    32.   context[fn] = this;
    33.   let _this = this;
    34.   //  bind情况要复杂一点
    35.   const result = function (...innerArgs) {
    36.     // 第一种情况 :若是将 bind 绑定之后的函数当作构造函数，通过 new 操作符使用，则不绑定传入的 this，而是将 this 指向实例化出来的对象
    37.     // 此时由于new操作符作用  this指向result实例对象  而result又继承自传入的_this 根据原型链知识可得出以下结论
    38.     // this.__proto__ === result.prototype   //this instanceof result =>true
    39.     // this.__proto__.__proto__ === result.prototype.__proto__ === _this.prototype; //this instanceof _this =>true
    40.     if (this instanceof _this === true) {
    41.       // 此时this指向指向result的实例  这时候不需要改变this指向
    42.       this[fn] = _this;
    43.       this[fn](...[...args, ...innerArgs]); //这里使用es6的方法让bind支持参数合并
    44.     } else {
    45.       // 如果只是作为普通函数调用  那就很简单了 直接改变this指向为传入的context
    46.       context[fn](...[...args, ...innerArgs]);
    47.     }
    48.   };
    49.   // 如果绑定的是构造函数 那么需要继承构造函数原型属性和方法
    50.   // 实现继承的方式: 使用Object.create
    51.   result.prototype = Object.create(this.prototype);
    52.   return result;
    53. };
    55. //用法如下
    57. // function Person(name, age) {
    58. //   console.log(name); //'我是参数传进来的name'
    59. //   console.log(age); //'我是参数传进来的age'
    60. //   console.log(this); //构造函数this指向实例对象
    61. // }
    62. // // 构造函数原型的方法
    63. // Person.prototype.say = function() {
    64. //   console.log(123);
    65. // }
    66. // let obj = {
    67. //   objName: '我是obj传进来的name',
    68. //   objAge: '我是obj传进来的age'
    69. // }
    70. // // 普通函数
    71. // function normalFun(name, age) {
    72. //   console.log(name);   //'我是参数传进来的name'
    73. //   console.log(age);   //'我是参数传进来的age'
    74. //   console.log(this); //普通函数this指向绑定bind的第一个参数 也就是例子中的obj
    75. //   console.log(this.objName); //'我是obj传进来的name'
    76. //   console.log(this.objAge); //'我是obj传进来的age'
    77. // }
    79. // 先测试作为构造函数调用
    80. // let bindFun = Person.myBind(obj, '我是参数传进来的name')
    81. // let a = new bindFun('我是参数传进来的age')
    82. // a.say() //123
    84. // 再测试作为普通函数调用
    85. // let bindFun = normalFun.myBind(obj, '我是参数传进来的name')
    86. //  bindFun('我是参数传进来的age')