js中__proto__, property, prototype, 對象自身屬性方法和原型中的屬性方法的區別

__proto__: 這個屬性是實例對象的屬性，每個實例對象都有一個__proto__屬性，這個屬性指向實例化該實例的構造函數的原型對象（prototype）。

proterty：這個方法是對象的屬性。（據說和一個對象的attr類似，比如dom對象中）

prototype：每個構造函數都有一個prototype對象，這個對象指向該構造函數的原型。

對象自身屬性方法和原型中的屬性方法的區別: 對象自身的屬性和方法只對該對象有效，而原型鏈中的屬性方法對所有實例有效。

例子：

        function baseClass(){
             this.age = 12;//構造方法里面的age屬性
             this.showMsg = function(){//構造方法里面的showMsg方法
               console.log("baseClass::showMsg");
            }
         }
         baseClass.prototype.say = function () {//原型上定義的say方法
            console.log('test');
         }
         baseClass.prototype.age = 23;//原型上定義的name屬性

         function extendClass(){};//extendClass新的構造方法
         var b = new baseClass();//實例化一個baseClass
         console.log(b,121212);//此時b對象包含了baseClass構造函數中的屬性和方法，不包含baseClass原型上的屬性和方法，原型中的屬性和方法為所有實例所共享，不會單獨到實例化的對象身上，當在實例化對象中調用原型中的屬性和方法時，可以通過原型鏈得到原型中的屬性和方法（對象自身沒有同名屬性和方法的前提下，否則是實例自身的屬性和方法

         extendClass.prototype = b;//把extendClass的原型指向實例化的b，即extendClass的原型中就具備了b對象所有的屬性和方法

         var instance = new extendClass();//實例化一個extendClass實例instance此時instance應該是一個空對象，但是后面賦值了，這里也有值（不知道為啥，按道理js是順序執行的），instance.__proto__屬性指向的是extendClass的原型對象,而extendClass.prototype等於baseClass構造函數的實例，所以最后instance.__proto__屬性指向了baseClass構造函數,instance.__proto__.__proto__指向了最初的原型對象
         instance.showMsg(); // 顯示baseClass::showMsg
         instance.name = 'branchName';//instance實例的name屬性
         instance.age = 34;//instance實例的age屬性
         var instance2 = new extendClass();//實例化另一個extendClass對象instance2
         instance.say();//say方法是最初原型對象的方法
         baseClass.prototype.name = 'xiugai';//修改最初原型對象的name屬性，修改該屬性會影響所有實例化隊形（實例化對象自身沒有該屬性的情況下）
         console.log(instance.name,instance.age);//name取的是instanace對象自身的name值‘branchName’，age同理
         console.log(instance2.name,instance2.age);//instance取的是構造方法baseClass的原型對象上面的name值‘xiugai’，age取的同樣是baseClass原型對象上的age，值為‘12’
         baseClass.prototype.name = 'zaicixiugai'; 
         console.log(instance2.name);//此時name變成了‘zaicixiugai’
         var instance3 = new extendClass();
         console.log(instance3);//instance3是一個空對象，它的原型鏈最終指向了baseClass的原型對象

 

給構造函數的prototype賦值的時候不能直接用

object.prototype = {}賦值，

如果這樣賦值要加一行constructor屬性，否則會覆蓋掉object本身的原型指向。