（知识点）JavaScript原型和原型链

〇 每个函数都拥有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
    }
}