您好,登錄后才能下訂單哦!
如何在JavaScript中使用繼承?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
<html> <head> <title>js函數繼承進階</title> <meta charset="UTF-8"/> <script type="text/javascript"> function person(name,age){ //對象的創建 this.name=name; this.age=age; // this.test=function(a){ // console.log("能運行嗎"); // } } function book(name){ this.name="是我嗎"; this.lookat=function(a){ console.log("看看能行嗎"); } } function czxt(name){ this.name=name; } person.prototype.read=function(a){console.log("I can read");}; book.prototype.sign=function(a){console.log("I am book"); return new book()}; //視其為一個對象的一個屬性進行”繼承“ person.prototype.book=new book(); //直接進行“包含” // person.prototype=new book(); czxt.prototype.appear=function(a){console.log("我是操作系統")}; book.prototype.subject=new czxt(); // book.prototype=new czxt(); var p1=new person("張三",37); // p1.lookat(); //類內部的方法也可以調用 // console.log(p1.name); //包含類和父類都含有,是父類的name屬性值。 "張三" console.log(p1.book.name); //用屬性進行調用的話,是包含類的name屬性 ”是我嗎“ // p1.sign(); //直接調用包含函數方法 // p1.book.sign(); //調用對象屬性包含的方法 // p1.read(); //調用公共對象外函數 // p1.test(); //函數調用函數內部的函數(視函數為對象) // p1.address="山東"; //每個特定對象主動添加對象屬性 // console.log(p1.address); var b1=new book(); // b1.appear(); //調用其繼承體內的函數 // p1.appear(); //無法調用包含對象內的包含方法(無法直接調用孫子函數) // p1.book.appear(); //用屬性調用也不行啊,不是函數可還行 // p1.book.subject.appear(); //雙重屬性定義可以,牛逼了。 // p1.sign().appear(); //person非屬性調用book,在book的sign方法中添加一個book類型的返回值以此來調用book包含的方法。 </script> </head> <body> <h4>js函數繼承進階</h4> </body> </html>
運行結果:
1、js屬于一種解釋性腳本語言;2、在絕大多數瀏覽器的支持下,js可以在多種平臺下運行,擁有著跨平臺特性;3、js屬于一種弱類型腳本語言,對使用的數據類型未做出嚴格的要求,能夠進行類型轉換,簡單又容易上手;4、js語言安全性高,只能通過瀏覽器實現信息瀏覽或動態交互,從而有效地防止數據的丟失;5、基于對象的腳本語言,js不僅可以創建對象,也能使用現有的對象。
看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注億速云行業資訊頻道,感謝您對億速云的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。