国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

JavaScript中構造函數與原型鏈之間的關系詳解

2024-05-06 16:48:24
字體:
來源:轉載
供稿:網友

在Javascript中不存在class的概念,它的class概念是通過構造函數(constructor)與原型鏈(prototype)來實現。

1.構造函數(constructor):創建對象時的初始化對象,總是與new 關鍵是一同出現。

構造函數存在以下特點:

  • 1、構造函數內的this 指向當前實例對象。
  • 2、使用new 關鍵字實例化當前對象。
  • 3、構造函數首字母大寫,區分普通函數。
  • 4、實例對象都可以繼承構造函數中的屬性和方法。但是,同一個對象實例之間,無法共享屬性。

2.原型(prototype):是一個對象,實現對象的屬性繼承。javascript 中的對象通過 proto 來指向原型對象,可以通過Object.__proto__ 來訪問

3.構造函數與與原型的聯系:

 <script>  function Demo(){          }   var demo = new Demo()   var data= demo.prototype = function(){    }      console.log(demo.__proto__)   console.log(data.constructor )   console.log(data.prototype.__proto__)   console.log(demo.constructor.prototype)   console.log(demo.constructor)  輸出:  {constructor: ƒ}constructor: ƒ Demo()__proto__: Object  ƒ Function() { [native code] }  {constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}  {constructor: ƒ}  ƒ Demo(){  }</script>

從以上輸出結果可以看出:

構造函數的 __proto__ 指向原型對象;
原型的constructor 指向構造函數Function;
原型的 prototype.__proto__ 等于 Object.__proto__;
實例 的 constructor.prototype 指向原型;
實例的constructor 指向構造函數

引用圖例:

![1460000018155881][1]


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宁南县| 怀集县| 义乌市| 曲阜市| 镇坪县| 油尖旺区| 泰州市| 南雄市| 太仓市| 碌曲县| 尉氏县| 都安| 富平县| 留坝县| 卢湾区| 太仓市| 文昌市| 页游| 建湖县| 罗甸县| 团风县| 响水县| 桓仁| 抚州市| 安达市| 白河县| 筠连县| 克山县| 博罗县| 林甸县| 阿勒泰市| 瑞安市| 维西| 乌海市| 长宁区| 赤峰市| 军事| 新竹市| 彩票| 台江县| 贡嘎县|