# 原型鏈及繼承的理解 ##### 定義函數 ```js function A(name) { // 構造內容(構造函數) this.name = name; /* // 也支持定義方法。但為了性能，不建議在構造里定義方法 this.fn = function(parmas){ // your code } */ } ``` ```js // 原型鏈 A.prototype.changeName = function(name) { this.name = name; } ``` ```js // 靜態屬性 A.staticPF = 'static12345'; ``` ##### 繼承 ###### 繼承構造函數 ```js function B(name) { // B 繼承 A 的構造函數 也可用apply A.call(this, name); } // console.log(B) var b = new B('ccc'); console.log(b.name); // => ccc ``` ###### 繼承靜態屬性 ```js // B 繼承 A 的靜態屬性，查找流程如下 // B.staticPF = >B.__proto__.staticPF => A.staticPF; B.__proto__ = A; console.log(B.staticPF); // => static12345 ``` ###### 繼承原型鏈 ```js var b = new B('ccc'); // B 繼承 A 的原型鏈, 3種方式，推薦第3種 // B.prototype = A.prototype; // 需要前置在b對象實例化前 // b.__proto__ = A.prototype; // B.prototype.__proto__ = A.prototype; B.prototype.__proto__ = A.prototype; b.changeName('ddd') // b實例最終繼續了A的changeName方法 console.log(b.name); // => ddd ```