原型
大家都知道,JavaScript 不包含傳統的類繼承模型,而是使用 prototype 原型模型。代碼實現大概是這樣子的
function Student(name){ = name;} var Kimy = new Student("Kimy"); = function(){ ( + "say");}();//Kimysay
Kimy本身是沒有say方法的,當他在自己對象中找不到該方法時就回去他的原型中查找,也就是otype對象中查找。這裏我們用到了一個構造函數Student
構造函數、__proto__以及原型鏈
除了IE瀏覽器,其他瀏覽器都在Object對象的實例上,部署了一個非標準的__proto__屬性(前後各兩個下劃線),指向該對象的原型對象,即構造函數的prototype屬性。
盜用一段代碼和一張圖
// 構造方法function Foo(y) { this.y = y;} otype.x = 10; // 繼承方法"calculate"ulate = function (z) { return this.x + this.y + z;}; // 使用foo模式創建 "b" and "c"var b = new Foo(20);var c = new Foo(30); // 調用繼承的`方法ulate(30); // ulate(40); // 80 ( b.__proto__ === otype, // true c.__proto__ === otype, // true tructor === Foo, // true tructor === Foo, // true tructor === Foo // true ulate === b.__proto__ulate, // true b.__proto__ulate === ulate // true );
我們可以看到,每個對象都是含有一個__proto__屬性,b的__proto__指向的構造b的構造方法Foo的prototype屬性;而otype也是一個對象,本身也有一個__proto__指向構造其的構造方法Object的prototype。otype的__proto__被指向了 null, 這就形成了一個原型鏈了。
這裏還要能理解這樣一段代碼
Object instanceof Function//trueFunction instanceof Object//true
new做了什麼
這裏還有一個小問題,js裏面普通函數和構造函數形式上貌似沒有啥太大區別(首字母大寫不是必須的,但是通常都把構造函數的首字母大寫)。new這個關鍵字到底做了什麼東西。
比方
var Kimy = new Student();
new 做了三件事情
var Kimy = {}; Kimy.__proto__ = otype;(Kimy);
1、定義了一個空對象
2、設置其原型
3、初始化對象
這樣就能理解爲什麼Kimy.__proto__指向的是otype了(同一個引用),原來就是new在起着關鍵的作用!
以上就是本文的全部內容,希望大家能夠喜歡。