JS函式進階之prototy用法例項分析
阿新 • • 發佈:2020-01-16
本文例項講述了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程式設計有所幫助。