手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript中call apply 的应用场景
javascript中call apply 的应用场景
摘要:在一些jQuery插件中经常看到类似callback.call(xxx,xxx)虽然看到书上有介绍说call和apply函数可以改变作用域,...

在一些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(); });

以上所述就是本文的全部内容了,希望大家能够喜欢。

【javascript中call apply 的应用场景】相关文章:

AngularJS中$interval的用法详解

JavaScript中的substr()方法使用详解

javascript实现炫酷的拖动分页

JavaScript中toString()方法的使用详解

JavaScript中的Math.LN2属性用法详解

JavaScript中的sub()方法的使用介绍

JavaScript中的异常处理方法介绍

JavaScript中的私有成员

JavaScript中this关键字使用方法详解

javascript中CheckBox全选终极方案

精品推荐
分类导航