jquery学习笔记之无new构建详解

上的属性而读取不到

Jquery.prototype

上的属性的(该例指version这个属性)，解决办法很简单，就是把

Jquery.prototype

赋值给

Jquery.prototype.init.prototype

，这样就相当于把Jquery原型上的属性全部赋值到了

Jquery.init

的原型上，请看下面代码：

function Jquery(selector, context) {
 return new Jquery.prototype.init(selector, context);
}
Jquery.prototype = {
 version:'1.01',
 init: function () {
  this.name = "lin";
  return this;
 }
}
Jquery.prototype.init.prototype = Jquery.prototype; //画龙点睛之笔
var a = Jquery();
var b = Jquery();
console.log(a.version); //1.01
console.log(a.name); //lin
a.name = "na";
console.log(b.name); //na

可以看到，我们控制台打印a对象的version属性，已经可以读取并且打印出来了。

至此，已经完成了Jquery的无new构建。

ps：jQuery.fn其实就是jQuery的prototype，jquery源码可以看到该条语句：

jQuery.fn = jQuery.prototype = {};

　　$()和jquery()其实是一样的，jquery源码可以看到该条语句：

window.jQuery = window.$ = jQuery;

原型 prototype

认识一下什么是原型？

在JavaScript中，原型也是一个对象，通过原型可以实现对象的属性继承，JavaScript的对象中都包含了一个” [[Prototype]]”内部属性，这个属性所对应的就是该对象的原型。

对于”prototype”和”__proto__”这两个属性有的时候可能会弄混，”Person.prototype”和”Person.__proto__”是完全不同的。

在这里对”prototype”和”__proto__”进行简单的介绍：

对于所有的对象，都有__proto__属性，这个属性对应该对象的原型

对于函数对象，除了__proto__属性之外，还有prototype属性，当一个函数被用作构造函数来创建实例时，该函数的prototype属性值将被作为原型赋值给所有对象实例（也就是设置实例的__proto__属性）

function Person(name, age){
this.name = name;
this.age = age;
}
Person.prototype.getInfo = function(){
console.log(this.name + " is " + this.age + " years old");
};
//调用
var will = new Person("Will", 28);
will.getInfo();//"Will is 28 years old"

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对软件开发网的支持。