目前正在学JS的原型思想(准确的说是从昨天2018.1.29开始正式接触),琢磨了两天,在chrome的console不停的敲了好多代码测试__proto__和prototype的关系,有了些小收获(见下图,俗话说,具体的东西比抽象的更容易吸收,所以我就画了一张图)。
图解:不同颜色线互不相交,同种颜色线表示一种指向。
代码:
function Person(name){ this.name=name; } //上面代码,创建了一个名为Person的构造器(如果一个函数用于创建对象的话叫构造器) //JS中的函数本质是对象,即使typeof Person == "function",所以Person才会有下图中的__proto__等属性 //只有函数才有prototype属性 var Jim=new Person("Jim"); //上面代码创建了一个名字叫做Jim的对象,即Person的一个实例
//对于Array() Number() Date()等等的内置构造器等级和Person()一样 //对于像Array()创建的一个数组对象,等级和Jim对象一样 //所以有 var a=new Array(); console.log(a.__proto__.__proto__ == Object.prototype); //输出 true
附上一句真诚的话:
目前的JS原型学习只是刚刚开始,并且,一有收获就会总结并且发在博客上,所以,错误或迷惑之处恳请指正,不要喷,毕竟画幅图、以文字语言总结都不容易啊。