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构建)