Javascript之apply方法的使用和实现
面试的时候经常会遇到手写bind,apply,call方法的笔试题,今天我们就来看看apply方法是什么并实现一下apply方法,以免面试的时候回答不上来。
首先了解一下apply方法是什么,实现了什么功能。
【Javascript之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,也是一种比较简单的实现方式了。缺陷当然很多,一个是类型校验没有,第二个是传进来第二个参数可以是类数组对象,但这里没做处理。
重要的是思路哈,剩下的优化读者自行处理就好了。
推荐阅读
- 操作系统|[译]从内部了解现代浏览器(1)
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- javascript|javascript中的数据类型转换