JavaScript中 .call() 和 .apply()在项目中的实际用例

最新推荐文章于 2024-08-22 16:24:28 发布

托比大王

最新推荐文章于 2024-08-22 16:24:28 发布

阅读量1.1k

点赞数

分类专栏：前端开发文章标签： javascript .call() .apply() js jquery

本文链接：https://blog.csdn.net/lqx930619/article/details/96475503

版权

本文探讨JavaScript中的.call()和.apply()方法，它们用于改变this的指向。主要区别在于call()的参数用逗号分隔，而apply()的参数为数组。在项目实践中，如处理点击事件，我们可以巧妙运用这两个方法来实现特定功能。

摘要由CSDN通过智能技术生成

在JavaScript中call() 与 apply()都是用来改变 this 的指向的；

call()与apply()的不同点与相同点
- 第一参数都是目标对象，其他参数没有类型限制但又格式规定；
- 不同点是 call()的非第一参数用逗号分隔 '1,2,3' ，apply()的非第一参数为数组 '[1,2,3]'

明白了其使用方法和作用后我们就可以利用在项目开发当中了，下面举个例子：

我们在项目开发中一定会碰到 “ 点击按钮——>触发事件 ” 诸如此类需求，传统的方法呢：

//HTML
/*<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>
<button id="btn3">按钮3</button>*/

//Script  JQuery
var btn1 = $('#btn1'),
    btn2 = $('#btn2'),
    btn3 = $('#btn3');

btn1.click(function(){
    // to do something
})

btn2.click(function(){
    // to do something
})

btn3.click(function(){
    // to do something
})

如果使用c