prototype

   prototype：顯示原型。每一個函數對象都有一個顯示的prototype屬性,它代表了對象的原型(Function.prototype函數對象是個例外，沒有prototype屬性)。

        __proto__：隱式原型。每個對象都有一個名爲__proto__的內部隱藏屬性，指向於它所對應的原型對象(chrome、firefox中名稱爲__proto__，並且可以被訪問到)。原型鏈正是基於__proto__才得以形成(注：不是基於函數對象的屬性prototype)。

一些自己的練習。

1.

function A(){ };

A.prototype.aa = 10;
A.prototype.setOneName = function(oneName){
this.aa = oneName;
}

A.prototype.setOneName("fanfan");

var one = new A();
console.log("one : " , one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

輸出結果如下：

one.aa的值應該是從原型上找到的值，而不是它自己的屬性。

2.

function A(){ };

A.prototype.aa = 10;
A.prototype.setOneName = function(oneName){
this.aa = oneName;
}

A.prototype.setOneName("fanfan");

var one = new A();
console.log("one : " , one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

one.setOneName("jingjing");
console.log("one : ",one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

輸出結果如下：

可見，在one沒有setOneName之前，one.aa輸出的是原型中的aa。在one.setOneName("jingjing");執行之後，one.aa已經改變，但是原型中的並沒有改變。但是第一次輸出的aa也是“jingjing”，我覺得是因爲第二次設置了之後就已經改變了它的值，所以第一次輸出的時候就有了這個值。

3.

function A(){ };

A.prototype.aa = 10;
A.prototype.setOneName = function(oneName){
this.aa = oneName;
}

A.prototype.setOneName("fanfan");

var one = new A();
console.log("one : " , one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

one.setOneName("jingjing");
console.log("one : ",one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

A.prototype.setOneName("haha");
console.log("one : ",one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

輸出結果如下：

有一個問題，

爲什麼這部分一直是一樣的？

原型中的aa的值是一樣的，但是輸出的時候卻不是一樣的。

4.

function A(){ };

A.prototype.aa = 10;
A.prototype.setOneName = function(oneName){
this.aa = oneName;
}

A.prototype.setOneName("fanfan");

var one = new A();
console.log("one : " , one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

one.setOneName("jingjing");
A.prototype.setOneName("haha");

console.log("-----------------------");
var another = new A();
another.setOneName("aaa");
console.log("one : ",one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);
console.log("another : ",another);
console.log("another.aa : ", another.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

輸出結果如下：

設置another的aa的值並沒有更改one.aa的值。

5.原型鏈

function A(){ };

A.prototype.aa = 10;
A.prototype.setOneName = function(oneName){
this.aa = oneName;
}

A.prototype.setOneName("fanfan");

var one = new A();

console.log("one.__proto__ === A.prototype  :  ", one.__proto__ === A.prototype) //true
console.log("A.prototype.__proto__ === Object.prototype  :  ", A.prototype.__proto__ === Object.prototype) //true
console.log("Object.prototype.__proto__  :  ", Object.prototype.__proto__) //null

輸出結果如下：