淺談js繼承的實現(xiàn)及公有、私有、靜態(tài)方法的書寫
更新時間:2016年10月28日 10:30:49 投稿:jingxian
下面小編就為大家?guī)硪黄獪\談js繼承的實現(xiàn)及公有、私有、靜態(tài)方法的書寫。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
今天沒事的時候,研究了一下JS繼承的實現(xiàn),下面是html的源碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JS類的繼承的實現(xiàn)</title> <script type="text/JavaScript"> //定義父類及公有、私有、靜態(tài)屬性及方法 function parent(){ var pname = "private";//私有屬性 var pfun = function(){//私有方法 console.log("調(diào)用類的私有方法"); } this.getName=function(name){//公有方法 this.name = name;//公有屬性 return pname+"私有屬性+公有屬性"+this.name+"調(diào)用類的共有方法"; } } //定義靜態(tài)屬性及方法 parent.staticPro = "static property"; parent.staticFun = function(){ var str = "invoke class's static function"; return str; } //方法1 原型鏈繼承 function childOne(){}; childOne.prototype = new parent(); //方法2 call/apply繼承 function childTwo(){ parent.call(this); } function init(){ var c1 = new childOne(); console.log(c1.getName("child1"));// console.log(c1.name); var c2 = new childTwo(); console.log(c2.getName("child2")); console.log(c2.name); console.log(parent.staticPro); console.log(parent.staticFun()); } </script> </head> <body onload="init();"> <header>頁眉</header> </body> </html>
以上就是小編為大家?guī)淼臏\談js繼承的實現(xiàn)及公有、私有、靜態(tài)方法的書寫全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
微信小程序?qū)崿F(xiàn)點擊圖片旋轉(zhuǎn)180度并且彈出下拉列表
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)點擊圖片旋轉(zhuǎn)180度并且彈出下拉列表,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-11-11layui實現(xiàn)數(shù)據(jù)表格點擊搜索功能
這篇文章主要為大家詳細介紹了layui實現(xiàn)數(shù)據(jù)表格點擊搜索功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-07-07createElement與createDocumentFragment的點點區(qū)別小結(jié)
在DOM操作里,createElement是創(chuàng)建一個新的節(jié)點,createDocumentFragment是創(chuàng)建一個文檔片段2011-12-12javascript和jquery實現(xiàn)設(shè)置和移除文本框默認值效果代碼
這篇文章主要介紹了javascript和jquery實現(xiàn)設(shè)置和移除文本框默認值效果代碼,本文實現(xiàn)的是類似html5 placeholder(空白提示)一種效果,需要的朋友可以參考下2015-01-01JavaScript對象數(shù)組排序?qū)嵗椒\析
這篇文章主要介紹了JavaScript對象數(shù)組排序?qū)嵗椒\析的相關(guān)資料,非常不錯,具有參考借鑒價值,感興趣的朋友一起學習吧2016-06-06