JS函數進階之prototy用法實例分析
更新時間:2020年01月15日 10:48:59 作者:qq_42412646
這篇文章主要介紹了JS函數進階之prototy用法,結合實例形式分析了JavaScript函數中使用prototy擴展屬性相關操作技巧,需要的朋友可以參考下
本文實例講述了JS函數prototy用法。分享給大家供大家參考,具體如下:
<html> <head> <title>js-prototype</title> <meta charset="UTF-8"/> <script type="text/javascript"> function animation(name,data){ this.name=name; this.data=data; this.print=function(a){ console.log(a); return "賽高"; } } function person(name,age){ this.name=name; this.age=age; } function clannad(time){ this.time=time; } person.prototype.watch=function(name){console.log("I am watching" + name)}; animation.prototype.include=new clannad("2007"); clannad.prototype.visi=function(a){console.log("2007出現,震驚全球")}; var a1 = new animation("clannad","2007"); a1.include.visi(); // console.log(a1.name); // console.log(a1.print("clannad")); var person1 = new person(); person1.watch("境界的彼方"); </script> </head> <body> </body> </html>
運行結果:
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容可查看本站專題:《JavaScript常用函數技巧匯總》、《javascript面向對象入門教程》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。