QT理解JavaScript原型

時間:2024-08-16 09:41:13 JavaScript 我要投稿
  • 相關推薦

QT理解JavaScript原型

  原型

  大家都知道,JavaScript 不包含傳統的類繼承模型,而是使用 prototype 原型模型。代碼實現大概是這樣子的

  function Student(name){ this.name = name;} var Kimy = new Student("Kimy"); Student.prototype.say = function(){ console.log(this.name + "say");}Kimy.say();//Kimysay

  Kimy本身是沒有say方法的,當他在自己對象中找不到該方法時就回去他的原型中查找,也就是Student.prototype對象中查找。這里我們用到了一個構造函數Student

  構造函數、__proto__以及原型鏈

  除了IE瀏覽器,其他瀏覽器都在Object對象的實例上,部署了一個非標準的__proto__屬性(前后各兩個下劃線),指向該對象的原型對象,即構造函數的prototype屬性。

  盜用一段代碼和一張圖

  // 構造方法function Foo(y) { this.y = y;} Foo.prototype.x = 10; // 繼承方法"calculate"Foo.prototype.calculate = function (z) { return this.x + this.y + z;}; // 使用foo模式創建 "b" and "c"var b = new Foo(20);var c = new Foo(30); // 調用繼承的方法b.calculate(30); // 60c.calculate(40); // 80 console.log( b.__proto__ === Foo.prototype, // true c.__proto__ === Foo.prototype, // true b.constructor === Foo, // true c.constructor === Foo, // true Foo.prototype.constructor === Foo // true b.calculate === b.__proto__.calculate, // true b.__proto__.calculate === Foo.prototype.calculate // true );

  我們可以看到,每個對象都是含有一個__proto__屬性,b的__proto__指向的構造b的構造方法Foo的prototype屬性;而Foo.prototype也是一個對象,本身也有一個__proto__指向構造其的構造方法Object的prototype。Object.prototype的__proto__被指向了 null, 這就形成了一個原型鏈了。

  這里還要能理解這樣一段代碼

  Object instanceof Function//trueFunction instanceof Object//true

  new做了什么

  這里還有一個小問題,js里面普通函數和構造函數形式上貌似沒有啥太大區別(首字母大寫不是必須的,但是通常都把構造函數的首字母大寫)。new這個關鍵字到底做了什么東西。

  比方

  var Kimy = new Student();

  new 做了三件事情

  var Kimy = {}; Kimy.__proto__ = Student.prototype;Student.call(Kimy);

  1、定義了一個空對象

  2、設置其原型

  3、初始化對象

  這樣就能理解為什么Kimy.__proto__指向的是Student.prototype了(同一個引用),原來就是new在起著關鍵的作用!

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

【QT理解JavaScript原型】相關文章:

理解JavaScript原型鏈教程09-02

對javascript的理解08-08

javascript的閉包概念怎么理解06-15

JavaScript類定義原型方法的兩種實現的區別07-11

javascript面向對象中的對象怎么理解09-02

淺談javascript中的單線程理解08-16

有關深入理解JavaScript中的并行處理的介紹10-14

常用的JavaScript模式09-22

Javascript的this用法簡述08-15

JavaScript學習筆記08-24

亚洲制服丝袜二区欧美精品,亚洲精品无码视频乱码,日韩av无码一区二区,国产人妖视频一区二区
亚洲Av一在线观看 | 在线激情小视频免费看 | 亚洲精品91在线播放 | 色悠久久久久久久综合网 | 欧美va亚洲va在线观看日本 | 久久免费最新免费视频 |