快捷導(dǎo)航

Javascript簡單實(shí)現(xiàn)面向?qū)ο缶幊汤^承實(shí)例代碼

更新時(shí)間：2015年11月27日 09:46:15 作者：Jimmy.Yang

這篇文章主要介紹了Javascript簡單實(shí)現(xiàn)面向?qū)ο缶幊汤^承實(shí)例代碼,簡單分析了面向?qū)ο蟪绦蛟O(shè)計(jì)的特征與繼承的具體實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文講述了Javascript簡單實(shí)現(xiàn)面向?qū)ο缶幊汤^承實(shí)例代碼。分享給大家供大家參考，具體如下：

面向?qū)ο蟮恼Z言必須具備四個(gè)基本特征:

1.封裝能力(即允許將基本數(shù)據(jù)類型的變量或函數(shù)放到一個(gè)類里，形成類的成員或方法)
2.聚合能力(即允許類里面再包含類，這樣可以應(yīng)付足夠復(fù)雜的設(shè)計(jì))
3.支持繼承(父類可以派生出子類，子類擁有父母的屬性或方法)
4.支持多態(tài)(允許同樣的方法名，根據(jù)方法簽名[即函數(shù)的參數(shù)]不同，有各自獨(dú)立的處理方法)

這四個(gè)基本屬性，javascript都可以支持，所以javascript確實(shí)是一種弱類型的面向?qū)ο蟮恼Z言，這里給出一個(gè)簡單的類繼承的代碼

<script type="text/javascript">
//父類ClassA
function ClassA(sColor) {
  this.color = sColor;
  this.sayColor = function () {
    document.write("Color:" + this.color + "<br/>");
  };
}
//子類ClassB,繼承自ClassA
function ClassB(sColor,sName){  
  ClassA.call(this,sColor);//利用call函數(shù)，將ClassA的所有方法都賦給ClassB，即實(shí)現(xiàn)了繼承
  this.name = sName;
  this.sayName = function(){
    document.write("Name:" + this.name + "<br/>");
  }
}
var oClassA = new ClassA("Red");
oClassA.sayColor();
var oClassB = new ClassB("Blue","Jimmy.Yang");
oClassB.sayColor();//這里sayColor方法是從ClassA繼承來的
oClassB.sayName();//這是ClassB中的新方法
/*
call函數(shù)的演示示例
function sayColor(sPrefix, sSuffix) {
alert(sPrefix + this.color + sSuffix);
};
var obj = new Object();
sayColor.call(obj, "The color is ", ", a very nice color indeed. ");
*/
</script>

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

繼承

相關(guān)文章

js彈出div并顯示遮罩層
彈出div顯示遮罩層的效果，想必大家都有見到過吧，下面有個(gè)示例，大家可以參考下
2014-02-02
antd-mobile ListView長列表的數(shù)據(jù)更新遇到的坑
這篇文章主要介紹了antd-mobile ListView長列表的數(shù)據(jù)更新遇到的坑，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-04-04
layui使用技巧和常見問題匯總
layui技巧：下拉框未展示問題;下拉框的onchange事件處理;關(guān)閉彈出層,重新加載父頁面;父頁面如何傳遞參數(shù)給彈出層的iframe頁面;表單元素處于禁用狀態(tài);表單提交如何獲取表單元素值集合;數(shù)據(jù)表格固定列;帶搜索的下拉框;表單提交阻止頁面跳轉(zhuǎn);父頁面和子窗口傳遞值
2024-07-07
RequireJS入門一之實(shí)現(xiàn)第一個(gè)例子
RequireJS由James Burke創(chuàng)建，他也是AMD規(guī)范的創(chuàng)始人。大家知道我們?yōu)槭裁匆獙W(xué)習(xí)requirejs嗎？帶著這個(gè)疑問來學(xué)習(xí)本篇文章吧，感興趣的朋友一起學(xué)習(xí)RequireJS入門一之實(shí)現(xiàn)第一個(gè)例子吧
2015-09-09
JavaScript實(shí)現(xiàn)網(wǎng)頁加載進(jìn)度條代碼超簡單
網(wǎng)頁進(jìn)度條能夠更好的反應(yīng)當(dāng)前網(wǎng)頁的加載進(jìn)度情況，loading進(jìn)度條可用動(dòng)畫的形式從開始0%到100%完成網(wǎng)頁加載這一過程。代碼簡單易懂，效果非常好，需要的一起學(xué)習(xí)學(xué)習(xí)吧
2015-09-09
js防抖具體實(shí)現(xiàn)以及詳細(xì)原理步驟說明(附實(shí)例)
節(jié)流和防抖這里兩個(gè)詞可能對(duì)一些初入JavaScript的同學(xué)比較陌生,下面這篇文章主要給大家介紹了關(guān)于js防抖具體實(shí)現(xiàn)以及詳細(xì)原理步驟的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-09-09
解決頁面js接受Long型損失精度問題(最新解決方案)
這篇文章主要介紹了解決頁面js接受Long型損失精度問題,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-03-03
uniapp?@click事件冒泡問題解決示例
這篇文章主要為大家介紹了uniapp?@click事件冒泡問題解決示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-07-07
js簡單實(shí)現(xiàn)根據(jù)身份證號(hào)碼識(shí)別性別年齡生日
根據(jù)身份證號(hào)碼識(shí)別性別年齡生日，目前就有一個(gè)這樣的需求，那么接下來為大家介紹下使用js是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過
2013-11-11
js繪制圓形和矩形的方法
這篇文章主要介紹了js繪制圓形和矩形的方法,涉及javascript鼠標(biāo)事件及頁面元素樣式的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08