Javascript 方法apply和call的区别

Reven_凯

于 2015-08-10 11:53:18 发布

阅读量974

点赞数 1

分类专栏： javascript 文章标签： javascript 函数

本文链接：https://blog.youkuaiyun.com/u014420383/article/details/47396705

版权

javascript 专栏收录该内容

9 篇文章

订阅专栏

本文详细解析了JavaScript中call与apply方法的作用、不同点及应用举例，旨在帮助开发者掌握如何通过改变this指向来灵活调用函数。

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

call与aplly都属于Function.prototype的一个方法，所以每个function实例都有call、apply属性

相同点:
call()方法和apply()方法的作用相同：

改变原调用函数的内部this指向。
call()方法和apply()方法的第一个参数都是调用call/apply方法的函数内部this的指向。

不同点:
当调用call/apply方法的函数有参数时，call/apply方法也需要传参

call的2参、3参...n参分别表示原函数的1参、2参...n-1参

apply的2参是一个数组，数组元素按顺序存储原方法的1参、2参...n参

举例:

function add(c, d){ 
/*
    这里的this表示add.call/apply的一参
    如果直接调用add(c,d)，那么this指向window
*/
return this.a + this.b + c + d; 
} 
var o = {a:1, b:3}; 
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16 
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34