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.dhdzp.com 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é)果：

小小大大

感興趣的朋友可以使用在線(xiàn)HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試一下上述代碼。

更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專(zhuān)題：《javascript面向?qū)ο笕腴T(mén)教程》、《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ò)展程序開(kāi)發(fā)小記
本文給大家記錄的是一次谷歌Chrome瀏覽器擴(kuò)展程序的開(kāi)發(fā)過(guò)程，非常的細(xì)致，有類(lèi)似開(kāi)發(fā)念頭的小伙伴們可以來(lái)參考下
2016-01-01
js獲取最近一周一個(gè)月三個(gè)月時(shí)間的簡(jiǎn)單示例
時(shí)間的獲取和格式化是我們經(jīng)常遇到的問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于利用js如何獲取最近一周一個(gè)月三個(gè)月時(shí)間的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2021-12-12
JS中三種URI編碼方式對(duì)比分析
這篇文章主要介紹了JS中三種URI編碼方式對(duì)比分析,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
2024-01-01
利用ajaxfileupload插件實(shí)現(xiàn)文件上傳無(wú)刷新的具體方法
利用ajaxfileupload插件實(shí)現(xiàn)文件上傳無(wú)刷新的具體方法，需要的朋友可以參考一下
2013-06-06
JavaScript常用工具函數(shù)庫(kù)匯總
業(yè)務(wù)中比較常用的JavaScript工具函數(shù)，可以用在前端環(huán)境，也可以用在node服務(wù)端，統(tǒng)一整理，方便查閱，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下
2020-09-09
JavaScript中創(chuàng)建對(duì)象的模式匯總
本文給大家js創(chuàng)建對(duì)象的模式包括對(duì)象字面量，工廠(chǎng)模式，構(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é)了三種常見(jiàn)的JavaScript日期格式化技巧,需要的朋友可以參考下
2015-12-12
JavaScript閉包和范圍實(shí)例詳解
這篇文章主要介紹了JavaScript閉包和范圍,結(jié)合實(shí)例形式詳細(xì)分析了javascript閉包的使用及變量的作用范圍,需要的朋友可以參考下
2016-12-12
優(yōu)化javascript的執(zhí)行效率一些方法總結(jié)
本文為大家介紹下優(yōu)化javascript的執(zhí)行效率一些方法，個(gè)人感覺(jué)還不錯(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)用戶(hù)沒(méi)輸入東西焦點(diǎn)離開(kāi)的時(shí)候，又恢復(fù)默認(rèn)提示值
2014-03-03