JavaScript使用prototype原型實(shí)現(xiàn)的封裝繼承多態(tài)示例
更新時(shí)間：2018年08月31日 10:28:35 作者：涵涵YH
這篇文章主要介紹了JavaScript使用prototype原型實(shí)現(xiàn)的封裝繼承多態(tài),涉及javascript prototype與面向?qū)ο蟪绦蛟O(shè)計(jì)相關(guān)操作技巧,需要的朋友可以參考下
本文實(shí)例講述了JavaScript使用prototype原型實(shí)現(xiàn)的封裝繼承多態(tài)。分享給大家供大家參考，具體如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.fzitv.net js基于原型prototype封裝繼承多態(tài)</title>
</head>
<body>
<script>
function Person(name,age)
{
this.name=name;
this.age=age;
}
Person.prototype.getName=function()
{
return this.name;
}
Person.prototype.setName=function(name)
{
this.name=name;
}
Person.prototype.getAge=function()
{
return this.age;
}
Person.prototype.setAge=function(age)
{
this.age=age;
}
//--------------------
function Student(name,age,c)
{
this.name=name;
this.age=age;
this.c=c;
}
Student.prototype=new Person(this.name,this.age);//重點(diǎn)
Student.prototype.getC=function()
{
return this.c;
}
Student.prototype.setC=function(c)
{
this.c=c;
}
var a=new Person("小小",19);
document.write(a.getName());
//-----------------------------------------
var b=new Student("大大",15,1);
document.write(b.getName());
</script>
</body>
</html>
運(yùn)行結(jié)果：
小小大大
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測試一下上述代碼。
更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
本文給大家記錄的是一次谷歌Chrome瀏覽器擴(kuò)展程序的開發(fā)過程，非常的細(xì)致，有類似開發(fā)念頭的小伙伴們可以來參考下2016-01-01
js獲取最近一周一個(gè)月三個(gè)月時(shí)間的簡單示例
時(shí)間的獲取和格式化是我們經(jīng)常遇到的問題,下面這篇文章主要給大家介紹了關(guān)于利用js如何獲取最近一周一個(gè)月三個(gè)月時(shí)間的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-12-12
這篇文章主要介紹了JS中三種URI編碼方式對(duì)比分析,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
利用ajaxfileupload插件實(shí)現(xiàn)文件上傳無刷新的具體方法
利用ajaxfileupload插件實(shí)現(xiàn)文件上傳無刷新的具體方法，需要的朋友可以參考一下2013-06-06
業(yè)務(wù)中比較常用的JavaScript工具函數(shù)，可以用在前端環(huán)境，也可以用在node服務(wù)端，統(tǒng)一整理，方便查閱，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-09-09
JavaScript中創(chuàng)建對(duì)象的模式匯總
本文給大家js創(chuàng)建對(duì)象的模式包括對(duì)象字面量，工廠模式，構(gòu)造函數(shù)模式，原型模式，結(jié)合構(gòu)造函數(shù)和原型模式，原型動(dòng)態(tài)模式 ，感興趣的朋友參考下2016-04-04
javascript中Date format(js日期格式化)方法小結(jié)
這篇文章主要介紹了javascript中Date format,即js日期格式化的方法.實(shí)例總結(jié)了三種常見的JavaScript日期格式化技巧,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了JavaScript閉包和范圍,結(jié)合實(shí)例形式詳細(xì)分析了javascript閉包的使用及變量的作用范圍,需要的朋友可以參考下2016-12-12
優(yōu)化javascript的執(zhí)行效率一些方法總結(jié)
本文為大家介紹下優(yōu)化javascript的執(zhí)行效率一些方法，個(gè)人感覺還不錯(cuò)，感興趣的朋友可以了解下2013-12-12
js操作輸入框提示信息且響應(yīng)鼠標(biāo)事件
注冊(cè)網(wǎng)站的輸入框就有默認(rèn)提示值，當(dāng)獲取鼠標(biāo)焦點(diǎn)的時(shí)候，默認(rèn)值被刪除，當(dāng)用戶沒輸入東西焦點(diǎn)離開的時(shí)候，又恢復(fù)默認(rèn)提示值2014-03-03