1. 程式人生 > >javaScript 原型與原型鏈學習筆記

javaScript 原型與原型鏈學習筆記

type屬性 mod 十分 可能 cti inf info .com func

javaScript中,原型是常用到一種方式,它能降低內存占用,寫出更高效的代碼

原型常用到的則是prototype屬性

JavaScript prototype 屬性


定義和用法

prototype 屬性允許您向對象添加屬性和方法

註意: Prototype 是全局屬性,適用於所有的Javascript對象。

這是來自菜鳥教程的解釋

現在,為驗證prototype用法,我用如下代碼進行測試

 1         <script>
 2             Person.prototype.Lname = ‘xiaohuang‘;
 3             Person.prototype.modd = ‘unhappy‘;
4 function Person(name,age,sex){ 5 this.name = name ; 6 this.age = age ; 7 this.sex = sex; 8 } 9 var person = new Person(‘andi‘,18,‘man‘); 10 Student.prototype = person; 11 function
Student(tel,grade){ 12 this.tel = tel; 13 this.grade = grade ; 14 } 15 var student = new Student(123,1); 16 </script>

技術分享圖片

很明顯的是,原型是生效的,且student繼承了Person而且還能繼承到Person前到原型

原型屬性構成了一個鏈狀結構,這便是原型鏈,而且原型是有系統默認原型屬性的

寫一個空原型

1         <script>
2
function A(){} 3 var a = new A(); 4 </script>

可以看到空原型也是有內部屬性的,它們是系統的proto

技術分享圖片

也可以去調用一些系統的方法,十分有趣。

博主是初學者,可能理解上會有錯誤,若有錯誤,求指正,謝謝

javaScript 原型與原型鏈學習筆記