〇 每个函数都拥有prototype属性，而该属性所储存的就是原型对象
1）原型属性——
上面我们测试了foo()函数的
1） length属性（length属性除了可以用在数组中，还可以用于记录函数参数的数量）
2）来自原型的constructor property属性（该属性实际上是一个之指向用于创建该对象的构造器函数的引用），其引用就是Function()这个构造器函数
3）来自原型的prototype属性（每个函数的prototype属性都指向了一个对象，并且它只有在该函数是构造器时才会发挥作用，并且它创建的属性可以当做函数自身属性使用）
- 利用原型属性添加方法和属性
function Gadget(name,color){
this.name = name ;
this.color = color;
this.whatAreYou = function () {
return 'I am a' + this.color + '' + this.name;
} ;
}
Gadget.prototype.price = 100;
Gadget.prototype.rating= 3;
Gadget.prototype.getInfo = function () {
return 'Rating:' + this.rating +',price:' + this.price;
}
/*我们还可以避开这种逐一添加的繁琐*/
Gadget.prototype = {
price:100,
rating:... /*and so on...*/
}
- 使用原型的方法与属性
/*接下来，我们就可以直接用该构造器来新建对象了*/
var newtoy = new Gadget('赛车','白色')；
newtoy.name; /*赛车*/
newtoy.color; /*白色*/
newtoy.whatAreYou() /*"I am a 赛车 白色"*/
newtoy.price; */
newtoy.rating; */
newtoy.getInfo(); /*Rating : 3, price:100*/
- 自身属性与原型属性
注意：
1）自身属性的优先级高于原型属性
也就是说，当我们使用对象的某个属性，它会先从对象自身查看，如果找到了，就不会在去原型中查看
2）这时如果我们仍然想得到原型中的该属性，我们可以使用 delete操作符（delete操作符，只会删除对象自身的属性，如：delete newtoy.name;）
3） 我们通过hasOwnprototype()方法来判断一个属性是来自自身属性还是原型属性
newtoy.hasOwnProperty('name'); /*true*/
- 枚举属性
var o = {x:1,y:2,z:3};
console.log('toString' in o); //true
console.log(o.propertyIsEnumerable('toString')) //false
var key;
for (key in o){
console.log(key); //x y z
}
var obj = Object.create(o); //指向a
obj.a = 4;
console.log('x' in o) //我们通过Object.create的JavaScript内置函数，把obj指向了对象o，此时o就是obj的原型
/*1）遍历对象和原型链上的属性*/
var key;
for (key in obj){
console.log(key); //a x y z
}
/*2）给for in 遍历一个条件(如果他是对象身上的属性则遍历:obj.hasOwnProperty(key))
让他只遍历这个对象上的属性，而不再遍历这个对象原型链上的属性。*/
var key;
for (key in obj){
if (obj.hasOwnProperty(key)){
console.log(key); //a
}
}