原型
大家都知道,JavaScript 不包含傳統的類繼承模型,而是使用 prototype 原型模型。代碼實現大概是這樣子的
Kimy本身是沒有say方法的,當他在自己對象中找不到該方法時就回去他的原型中查找,也就是Student.prototype對象中查找。這里我們用到了一個構造函數Student
構造函數、__proto__以及原型鏈
除了IE瀏覽器,其他瀏覽器都在Object對象的實例上,部署了一個非標準的__proto__屬性(前后各兩個下劃線),指向該對象的原型對象,即構造函數的prototype屬性。
盜用一段代碼和一張圖
我們可以看到,每個對象都是含有一個__proto__屬性,b的__proto__指向的構造b的構造方法Foo的prototype屬性;而Foo.prototype也是一個對象,本身也有一個__proto__指向構造其的構造方法Object的prototype。Object.prototype的__proto__被指向了 null, 這就形成了一個原型鏈了。
這里還要能理解這樣一段代碼:
new做了什么
這里還有一個小問題,js里面普通函數和構造函數形式上貌似沒有啥太大區別(首字母大寫不是必須的,但是通常都把構造函數的首字母大寫)。new這個關鍵字到底做了什么東西。
打比方:
var Kimy = new Student();
new 做了三件事情:
1、定義了一個空對象
2、設置其原型
3、初始化對象
這樣就能理解為什么Kimy.__proto__指向的是Student.prototype了(同一個引用),原來就是new在起著關鍵的作用!
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com