AJax技术

ajax实时刷新处理的实现方法(5)

字号+ 作者:H5之家 来源:H5之家 2017-10-30 10:34 我要评论( )

看jQuery的文档很容易,使用也很方便,但其实真正想要讲好很复杂,更不要说写篇源码分析文章了。真的是努力理解设计者的思路,争取每行都能理解边界条件,但踩坑太少,应用场景太少,确实有很大的疏漏,希望大家能

看jQuery的文档很容易,使用也很方便,但其实真正想要讲好很复杂,更不要说写篇源码分析文章了。真的是努力理解设计者的思路,争取每行都能理解边界条件,但踩坑太少,应用场景太少,确实有很大的疏漏,希望大家能够理解,不要偏听一面之词。

以上就是jQuery源码解析Deferred异步对象的方法的详细内容,更多请关注php中文网其它相关文章!

在学习javascript的时候,对于call()和apply()的用法总是难以理解,相信很多小伙伴和我又一样的想法。现在和小伙伴们分享一下。

call

语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]])
定义:调用一个对象的一个方法,以另一个对象替换当前对象。

看完语法和定义还是难以理解,call函数可以接受若干个参数,其中第一个参数为当前操作的对象,后面几个参数为调用的方法的参数,这么说还是难以理解,直接上代码:

function Teacher(name, age) { //定义一个构造函数Teacher this.name = name; this.age = age; this.intro = function() { alert("My name is " + this.name + "," + "I'm " + this.age) } } function Student(name, age) { //定义一个构造函数Student Teacher.call(this, name, age); //Student调用了Teacher的方法 } var studentA = new Student("Lily", 19); //实例化一个studentA,传入参数 studentA.intro(); //调用studentA的intro方法 输出:My name is Lily,I'm 19

上例中,studentA是通过构造函数Student实例化的,本应该继承Student构造函数的所有可继承方法,但我们看到Student函数并没有任何方法,但是Student调用了,可以说是继承了Teacher的方法,故studentA也就有了intro()方法。其中代码第十行起到了关键作用Teacher.call(this, name, age),此句的作用是令当前对象调用另一个对象的方法,this关键字在这里指代Student()对象,实例化以后this指代studentA对象,而后面的参数分别为Teacher传入的参数。可能上面的例子不是很常见,但是我们经常见到这样的代码:

var str="你好美女"; Array.prototype.join.call(str,"!"); //你!好!美!女

join方法是数组特有的方法,它是定义在Array()构造函数的原型中的方法,所以我们实例化的数组就都继承了这个方法,但是字符串str是没有join方法,但此处我们就借用了数组的join方法来处理字符串。在call左边的表达式为借用的对象的方法,call()中的第一个参数对象借用call左边表达式对象的方法(不知道这样说能不能理解,将就吧)。

apply

apply()方法的作用和call方法是一样的,只是传入的参数不同。

语法:apply([thisObj[,argArray]])
定义:应用某一对象的一个方法,用另一个对象替换当前对象。

apply的第一个参数和call一样,第二个参数是一个数组对象(类数组也可以),他不再是以单个参数列表的形式传入参数,而是把所有参数都放到一个数组中,一起传入。这里就不得不说到arguments对象,它存在于每个函数中,是函数所有实参组成的一个类数组对象。所以apply的第二个参数传入arguments对象。看下面示例:

var arr=[2,3,12,5,234,199,21,1000,2432]; var max=Math.max.apply(Math,arr); console.log(max); //2432

数组中没有求最大值得方法,但是Math对象里面有max可以求出最大值,因此我们使用apply方法让数组继承Math的max()方法,从而求出数组中的最大值,同样上面的方法也可以用call()方法代替,只不过书写较为麻烦,不便于阅读,代码为:

var max=Math.max.call(Math,2,3,12,5,234,199,21,1000,2432); console.log(max); //2432

关于call和apply最基本的用法就是这些,当然这两个函数的妙处远远不止这些,欢迎大神们补充。

以上就是js中的call()和apply()的理解 的详细内容,更多请关注php中文网其它相关文章!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 基于js原生和ajax的get和post方法以及jsonp的原生写法实例

    基于js原生和ajax的get和post方法以及jsonp的原生写法实例

    2017-10-30 13:51

  • php+ajax实现仿百度查询下拉内容功能示例

    php+ajax实现仿百度查询下拉内容功能示例

    2017-10-30 09:32

  • 全面解析Ajax和jsonp使用总结

    全面解析Ajax和jsonp使用总结

    2017-10-29 15:13

  • ajax技术 始终出去发送状态

    ajax技术 始终出去发送状态

    2017-10-29 08:03

网友点评