jQuery的无new构建

标签：

var aQuery = function(selector, context) {
       return  new aQuery.prototype.init();
}
aQuery.prototype = {
    init: function() {
        return this;
    },
    name: function() {
        return this.age
    },
    age: 20
}
aQuery.prototype.init.prototype = aQuery.prototype;  //主要靠这句话起作用。（aQuery.prototype.init）.prototype = aQuery.prototype;这样就更明显了。避免了new的init跟jquery类的this分离

console.log(aQuery().name()) //20

var $ = function(){
　　return new $.prototype.init();
}

$.prototype = {
　　init:function(){
　　　　console.log("init");
　　　　return this;
　　},
　　age:function(){
　　　　console.log("age");
　　　　return this;
　　},
　　name:function(){
　　　　console.log("name");
　　　　return this;
　　}

}

$.prototype.init.prototype = $.prototype;
console.log($().age().name().init());

//JQ里面所谓的链式结构，就是我们在需要链式的方法访问this就可以了，因为返回当前实例的this,从而又可以访问自己的原型了

jQuery的无new构建

标签：

原文地址：http://www.cnblogs.com/yuan-ye/p/4815346.html