关于javascript:Javascript之apply方法的使用和实现

Javascript之apply办法的应用和实现

面试的时候常常会遇到手写bind，apply，call办法的口试题，明天咱们就来看看apply办法是什么并实现一下apply办法，免得面试的时候答复不上来。

首先理解一下apply办法是什么，实现了什么性能。

看看MDN上的介绍

Function.prototype.apply()
apply() 办法调用一个具备给定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.apply(demo, [1, 2, 3, 4]);
// demo
// 1 2 3 4
    

能够看到啊，apply办法中的this指向是传进来的第一个对象，传进来的第二个参数是一个数组对象，把数组外面的参数解构之后使用到原函数上就ok了，输入对应的后果即可。

Function.prototype.myApply = function (obj, arr) {
   obj.tempFunction = this
   const res = obj.tempFunction(...arr)
   delete obj.tempFunction
   return res
  }
var h = hello.myApply(demo, [1, 2, 3, 4]);

这次写的时候没有用arguments，也是一种比较简单的实现形式了。缺点当然很多，一个是类型校验没有，第二个是传进来第二个参数能够是类数组对象，但这里没做解决。

重要的是思路哈，剩下的优化读者自行处理就好了。