淺談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)錨點滑動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
下面小編就為大家?guī)硪黄钔ㄋ滓锥膉avascript變量提升詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要為大家詳細介紹了JS實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要為大家詳細介紹了js實現(xiàn)上傳圖片及時預覽的相關(guān)資料，具有一定的參考價值，感興趣的朋友可以參考一下2016-05-05
這篇文章主要來和大家一起探討一下20?種?JavaScript?技巧和竅門,每種技巧和竅門都有通俗易懂的示例,讓我們一起來提升你的?JavaScript?技能吧2023-10-10
這篇文章主要介紹了js簡單判斷flash是否加載完成的方法,通過PercentLoaded方法對flash的加載進行判斷,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
FireFox與IE 下js兼容觸發(fā)click事件的代碼
FireFox與IE 下js兼容觸發(fā)click事件 ,對于需要兼容這兩者的朋友，就需要參考下下面的代碼了2008-11-11
基于Bootstrap實現(xiàn)Material Design風格表單插件 附源碼下載
Jquery Material Form Plugin是一款基于Bootstrap的Material Design風格的jQuery表單插件。這篇文章主要介紹了基于Bootstrap的Material Design風格表單插件附源碼下載，感興趣的朋友參考下2016-04-04
為什么JS中eval處理JSON數(shù)據(jù)要加括號
這篇文章主要介紹了為什么JS中eval處理JSON數(shù)據(jù)要加括號的相關(guān)資料,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了JavaScript之ECharts用法講解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-08-08