javaScript 原型與原型鏈學習筆記

javaScript中,原型是經常使用到一種方式,它能下降儲存佔用,寫出更高效的代碼html

原型經常使用到的則是prototype屬性java

JavaScript prototype 屬性


定義和用法

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

注意: Prototype 是全局屬性,適用於全部的Javascript對象。測試

這是來自菜鳥教程的解釋this

如今,爲驗證prototype用法,我用以下代碼進行測試spa

 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前到原型prototype

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

寫一個空原型htm

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

能夠看到空原型也是有內部屬性的,它們是系統的proto對象

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

 

 

 

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

相關文章
相關標籤/搜索