js中apply和call理解

原创于 2017-10-13 16:58:02 发布 · 251 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#函数 #javascript

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文详细解释了JavaScript中call和apply函数的区别与用法。两者都用于改变函数调用时的上下文，即将obj绑定到thisObj，使后者获得前者的属性和方法，并立即执行。主要区别在于参数传递方式不同，call接收连续参数，而apply接收数组形式的参数。通过实例演示了如何利用这些函数来扩展DOM节点列表的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

call和apply

用法

    obj.call(thisObj, arg1, arg2, ...);
    obj.apply(thisObj, [arg1, arg2, ...]);

两者作用一致，都是把obj(即this)绑定到thisObj，这时候thisObj具备了obj的属性和
方法。或者说thisObj『继承』了obj的属性和方法。绑定后会立即执行函数。
唯一区别是apply接受的是数组参数，call接受的是连续参数。

案例，dom的nodeList集合有数组的一些基本属性但不是数组，当我们需要使用数组的map方法

    var list = document.querySelectorAll('a');//所有a标签的nodeList
    console.log(list.map)// undefined nodeList没有数组的map方法
    var test = (item)=>console.log(item)// js lambda表达式
    Array.prototype.map.call(list,test)// 打印list的元素
    console.log(list.map)//undefined

这样就可以灵活的使用其他对象的方法而不用继承原型。