jquery构造函数分析

  jquery是面向对象的写法也有构造函数,每次调用jquery方法是就会实例化一个jqeury对象,但是jQuery的写法却非常高明值得我们学习。

创新互联公司服务紧随时代发展步伐,进行技术革新和技术进步,经过10年的发展和积累,已经汇集了一批资深网站策划师、设计师、专业的网站实施团队以及高素质售后服务人员,并且完全形成了一套成熟的业务流程,能够完全依照客户要求对网站进行网站设计制作、成都网站建设、建设、维护、更新和改版,实现客户网站对外宣传展示的首要目的,并为客户企业品牌互联网化提供全面的解决方案。

  js虽然不是面向对象的语言,却又很多面向对象的写法,这里推荐大家看一下图灵的《javascript高级程序设计》中的面向对象的程序设计部分。在众多方法中比较常见的写法是构造加原型方式,下面举例:

var Person=function(name,age){
   this.name=name;
   this.age=age;
}
Person.prototype={
  constructor:Person,
  init:function(msg){
    this.say(msg);
  },
  say:function(msg){
  alert(this.name+'说'+msg);
  }
};
var tom=new Person('tom',23); 
tom.init('你好');// tom说你好

那再来看看jQuery的构造函数吧

// Define a local copy of jQuery
var jQuery = function( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context, rootjQuery );
},

可以看到在jQuery真正的函数是init方法,当我们调用jquery时会new init() 而不是 new jQuery() .

jQuery.fn是啥呢,在后面我们会看到这样一句代码
jQuery.fn = jQuery.prototype = {...

这样就很好理解了,其实jQuery.fn就是原型对象也就是说在jQuery原型里面有一个init方法,这个方法是真正的构造函数。这样写的好处就是不需要在写$().init()这样的操作,直接就初始化了,但是还有一个问题就是既然init才是构造函数那我们写在jQuery上面的那么方法实例不是不能调用吗?init的实例化自然只能调用init的方法啦,往后看到这样一句代码

// Give the init function the jQuery prototype for later instantiation
jQuery.fn.init.prototype = jQuery.fn;

之前讲过jQuery.fn=jQuery.protype,这就意味着jQuery的原型对象赋给了init的原型,这样jQuery的原型方法自然init也就都有了,通过这样构造方式S使得使用jQuery方法非常简单既不需要new jQuery()的操作也不需要手动初始化就行调用普通函数一样简单。


网页名称:jquery构造函数分析
本文链接:http://bzwzjz.com/article/pcgdoe.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: H5网站制作 定制网站建设多少钱 重庆企业网站建设 网站建设 营销型网站建设 成都网站建设 成都商城网站制作 外贸网站设计方案 盐亭网站设计 成都网站制作 高端网站设计推广 网站建设 重庆网站建设 移动手机网站制作 温江网站设计 企业网站建设 网站设计 专业网站建设 四川成都网站建设 外贸网站建设 营销型网站建设 成都网站设计