Javascript之call方法的使用和实现

Javascript之call方法的使用和实现

面试的时候经常会遇到手写bind,apply,call方法的笔试题,今天我们就来看看call方法是什么并实现一下call方法,以免面试的时候回答不上来。

首先了解一下call方法是什么,实现了什么功能。

看看MDN上的介绍

Function.prototype.call()
**call()** 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。

示例:

var hello = function (a, b, c, d) {
      console.log(this.name);
      console.log(a, b, c, d)
    };

    var demo = {
      name: 'demo'
    };

var h = hello.call(demo, 1, 2, 3, 4);
// demo
// 1 2 3 4
    

可以看到啊,apply方法中的this指向是传进来的第一个对象,传进来的其他参数,依次传到原函数中,最后把结果输出就行了,下面我们来简单实现下。

Function.prototype.myCall = function () {
      const obj = arguments[0]
      obj.tempFunction = this
      const params = []
      for (let i = 1; i < arguments.length; i++) {
        params.push(arguments[i])

      }
      const res = obj.tempFunction(...params)
      delete obj.tempFunction
      return res
}

call方法的实现就要用到arguments了,不然那么多参数从不能都用形参吧哈哈。当然上面还有很多很多要优化的地方,比如说参数的校验,params的定义占据了额外的内存空间,解构的方法不兼容老的浏览器,但是总的来说思路是这样的,优化的事情,就交给各位看官吧。

你可能感兴趣的