首页 / JQUERY / jquery源码学习-构造函数(2)

jquery源码学习-构造函数(2)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery源码学习-构造函数(2)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1173字，纯文字阅读大概需要2分钟。

内容图文

　　最近几天一直在研究jquery源码，由于水平太低看得昏头转向。本来理解的也不是很深刻，下面就用自己的想法来说下jquery是如何定义构造函数初始化的。如果有什么不对的地方，希望个位高手指出。

 　  一般写构造函数如下

            function
             Aaa(){}
Aaa.prototype.init = function(){};
Aaa.prototype.css = function(){};

var a1 = new Aaa();
a1.init(); //初始化
a1.css();

　 jQuery写法如下

            function
             jQuery(){
    
            return
            new jQuery.prototype.init(); // =>jQuery.prototype};
jQuery.prototype = {
    constructor : jQuery,
    init : function(/*初始化工作*/){}, 
    css : function(){}
}
jQuery.prototype.init.prototype = jQuery.prototype;
jQuery().css();
        jQuery() -> new jQuery.prototype.init();  

    
        jQuery.prototype.init.prototype = jQuery.prototype;
    
        把jQuery的原型指向了，自己的init方法（看作构造函数）的原型上。 (不知道怎么说，反正是这个意思，希望高手指出。)
注：这里加上 constructor 属性主要起到修正作用。
示例
            function
             Aaa(){}


            var a1 = new Aaa();
//构造函数本身, 自动生成 Aaa.prototype.constructor = Aaa;
alert(a1.constructor);  //Aaa//在Aaa原型上加2个属性
Aaa.prototype.name = ‘hello‘;
Aaa.prototype.age = 30;
alert(a1.constructor);  //还是Aaa，不会变化 //如果重构了Aaa的原型，即覆盖
Aaa.prototype = {  
  //constructor : Aaa, //修正指向
  name: ‘hello‘,
  age : 30
};

var a1 = new Aaa();
alert(a1.constructor);  //如果不加constructor : Aaa 指向改变了

 

原文：http://www.cnblogs.com/loveyouyou616/p/3916435.html

内容总结

以上是互联网集市为您收集整理的jquery源码学习-构造函数(2)全部内容，希望文章能够帮你解决jquery源码学习-构造函数(2)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1206603.html

来源：【匿名】