js的call与apply

简介:

方法定义

call方法:
语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]])
定义:调用一个对象的一个方法,以另一个对象替换当前对象。
说明:
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

apply方法:

语法:apply([thisObj[,argArray]])
定义:应用某一对象的一个方法,用另一个对象替换当前对象。
说明:
如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数


call与apply可以算的上是高级应用,如果有看过JQuery代码的人就知道,这两个方法在JQuery应用很多(包括插件机制,事件,循环等)。它的主要功能就是改变了调用方法的this。


例如

   function test(){

       alert(this.nodeName);

   }

在一般的通过test()使用中来看上面的函数会显示undefined

但是如果我们使用这两个方法结果可能就不一样了

如test.call(document.body)或test.apply(document.body)显示的内容就是 BODY

可能不好理解,其实可以这样说:

   当使用test()时  this=test

   当使用test.call(document.body)或test.apply(document.body)时  this=document.body

虽然上面的语法不对,但可以形象的说明call与apply就是改变了this的值,通过面向对象的思想说就是改变了this的引用,也就等于调用test时使用了document.body对象,同等于给document.body对象添加了一个test方法,这种扩展可以批量扩展同一个方法,而且是动态的扩展。当然如果方法内没有使用this那使用call与apply意义不大。


结论:call与apply改变this指向传入的第一个参数(没有传入则是Global对象,后经测试就是window对象),第二个参数及以后都是调用这个方法的传参。


技术有限,如果有不当之处还请指正。

本文转自  ttlxihuan    51CTO博客,原文链接:http://blog.51cto.com/php2012web/1286837

相关文章
|
29天前
|
JavaScript 前端开发
js中的bind,call,apply方法的区别以及用法
JavaScript中,`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中,`bind`返回一个新函数,不立即执行;`call`和`apply`则立即执行,且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似,但在执行时机和参数传递方式上有所区别。
26 1
|
2月前
|
JavaScript 前端开发
JS高级—call(),apply(),bind()
【10月更文挑战第17天】call()`、`apply()`和`bind()`是 JavaScript 中非常重要的工具,它们为我们提供了灵活控制函数执行和`this`指向的能力。通过合理运用这些方法,可以实现更复杂的编程逻辑和功能,提升代码的质量和可维护性。你在实际开发中可以根据具体需求,选择合适的方法来满足业务需求,并不断探索它们的更多应用场景。
14 1
|
2月前
|
JavaScript 前端开发
js 中call()和apply()
js 中call()和apply()
31 1
|
3月前
|
自然语言处理 JavaScript 前端开发
JS中this的应用场景,再了解下apply、call和bind!
该文章深入探讨了JavaScript中`this`关键字的多种应用场景,并详细解释了`apply`、`call`和`bind`这三个函数方法的使用技巧和差异。
|
3月前
|
JavaScript 前端开发
this指向的几种情况以及js简单实现call、apply、bind___六卿
本文讨论了JavaScript中`this`的指向规则,并提供了`call`、`apply`和`bind`方法的简单实现,用于改变函数的`this`指向。
20 0
this指向的几种情况以及js简单实现call、apply、bind___六卿
|
3月前
|
JavaScript
js的this与call,apply,bind
js的this与call,apply,bind
|
4月前
|
JavaScript 前端开发
js 中call()和apply()
js 中call()和apply()
40 0
|
7月前
|
JavaScript 前端开发
JavaScript中call()与apply()的作用与区别?
JavaScript中call()与apply()的作用与区别?
|
6月前
|
JavaScript 前端开发 开发者
【JavaScript】JavaScript中call、apply与bind的区别:进阶特性与应用场景
【JavaScript】JavaScript中call、apply与bind的区别:进阶特性与应用场景
68 0
|
7月前
|
前端开发 JavaScript
【Web 前端】 js中call、apply、bind有什么区别?
【4月更文挑战第22天】【Web 前端】 js中call、apply、bind有什么区别?
【Web 前端】 js中call、apply、bind有什么区别?
下一篇
DataWorks