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,也是一种比较简单的实现形式了。缺点当然很多,一个是类型校验没有,第二个是传进来第二个参数能够是类数组对象,但这里没做解决。
重要的是思路哈,剩下的优化读者自行处理就好了。