快捷導航

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

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

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

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

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

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

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

<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，即實現(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>

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

您可能感興趣的文章:

繼承

相關(guān)文章

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