时间:2021-05-26
在一些jQuery插件中经常看到类似 callback.call(xxx,xxx) 虽然看到书上有介绍 说call和apply函数可以改变作用域,但还是无法非常透彻的理解改变作用域主要是为了解决什么问题,有没有替代方案,或者 这2个函数主要为了解决什么问题,应用场景,何时使用最合适,每次读到这样的代码就晕了,一下子从线性阅读中跳出去了,感觉有点绕
call和apply的作用很简单,就是改变上下文,适用场景太多了,虽然有时候只是为了“美观”,下面几个是我常用的。
1.
复制代码 代码如下:Object.prototype.toString.call(Obj)
用来判断 Obj 的类型
arguments 虽然和Array 很像,但是他没有Array的push之类的方法,怎么办?
Array.prototype.push.call(arguments)
3.Javascript 没有私有方法的概念,想用闭包实现
(function () { var Person = function () { this.doSomeThing = function () { _privateFunction.call(this); } } var _privateFunction = function () { } window.Person = Person;}).call(window);差不多就是这个意思,callback的时候,当你希望你的callback中的上下文是当前上下文的时候,也可以用call或者apply,有什么好处呢?
这个时候你的callback 里面的this 就是指代当前上下文。例如一个类Person,然后他的方法 say 有一个callback的参数,如果这个callback是通过普通的括号来执行的话,那在这个callback里面执行person的其它方法还需要用person.other 来实现,但是切换上下文之后,就是this.other搞定~代码对比如下:
var Person = function(){};Person.prototype.say = function(callback){ callback();};Person.prototype.other = function(){};var vincent = new Person();vincent.say(function(){ vincent.other();});用了call的:
var Person = function(){};Person.prototype.say = function(callback){ callback.call(this);};Person.prototype.other = function(){};var vincent = new Person();vincent.say(function(){ this.other();});以上所述就是本文的全部内容了,希望大家能够喜欢。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一、作用及应用场景call和apply是Function的方法,他的第一个参数是this,第二个是Function的参数。call和apply都是为了改变某个函
本文实例讲述了javascript中call,apply,callee,caller用法。分享给大家供大家参考,具体如下:实践一:call,apply用来让一个
一、call和apply的说明1、call,apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Fu
本文实例讲述了JavaScript模板引擎应用场景及实现原理。分享给大家供大家参考,具体如下:一、应用场景以下应用场景可以使用模板引擎:1、如果你有动态ajax
本文实例讲述了JS中call()和apply()的功能及用法。分享给大家供大家参考,具体如下:1.call()和apply()的作用首先引出问题:用call()