QT理解JavaScript原型

學識都 人氣:1.29W

原型

QT理解JavaScript原型

大家都知道,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在起着關鍵的作用!

以上就是本文的全部內容,希望大家能夠喜歡。

TAGS:QT