手写call方法

手写call方法

在平时我们改变this指向通常会用到es6的call(),apply(),bin()的方法。 今天我自己动手写一写实现。

 实现的原理：

 

     1.通过传递的函数 保存到参数的属性中去

     2.使用arguments来接收参数来传递

     3.指向调用函数 this指向window

     4.执行完函数记得删除对象上的函数属性

 

上代码！！！

   

    var obj = {
       name: 'daes',
       age: 12
     }

     function myfn() {
      console.log(this.name)
     }

     ~(function(){
       function myCall(obj){
        //  1.先判断有没有第一个参数 没有就执行window
        obj = obj ? obj : window
        //this 指向函数
        obj.fn = this //2.把函数放在对象上
        // 3.获取参数
        let args = [...arguments].slice(1) // 选择第一个参数后的所有参数
        // 4.执行函数
        obj.fn(args)
        // 5.删除obj上的函数属性
        delete obj.fn
       }

      //* 挂载到函数原型上 */
      Function.prototype.myCall = myCall
     })()

     myfn.myCall(obj) //调用试一试

 

调用成功的截图：