欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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.聚合能力(即允許類里面再包含類,這樣可以應付足夠復雜的設(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)文章

  • 前端面試的底氣之實現(xiàn)一個深拷貝

    前端面試的底氣之實現(xiàn)一個深拷貝

    最近學到一個有關(guān)深拷貝的實現(xiàn)方法,為加深印象,這里給大家分享一下,下面這篇文章主要給大家介紹了關(guān)于前端面試的底氣之實現(xiàn)一個深拷貝的相關(guān)資料,需要的朋友可以參考下
    2022-05-05
  • 關(guān)于Layui Table隱藏列問題

    關(guān)于Layui Table隱藏列問題

    今天小編就為大家分享一篇關(guān)于Layui Table隱藏列問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • JavaScript中的子窗口與父窗口的互相調(diào)用問題

    JavaScript中的子窗口與父窗口的互相調(diào)用問題

    本文給大家介紹了JavaScript中的子窗口與父窗口的互相調(diào)用問題,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
    2017-02-02
  • JavaScript 數(shù)組的深度復制解析

    JavaScript 數(shù)組的深度復制解析

    一般情況下,使用 “=” 可以實現(xiàn)賦值。但對于數(shù)組、對象、函數(shù)等這些引用類型的數(shù)據(jù),這個符號就不好使了。這篇文章主要介紹了JavaScript 數(shù)組的深度復制解析的相關(guān)資料,需要的朋友可以參考下
    2016-11-11
  • 詳解ajax、fetch、axios的區(qū)別

    詳解ajax、fetch、axios的區(qū)別

    本文主要介紹了詳解ajax、fetch、axios的區(qū)別,眾所周知它們都用來發(fā)送請求,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2024-01-01
  • Bootstrap table表格初始化表格數(shù)據(jù)的方法

    Bootstrap table表格初始化表格數(shù)據(jù)的方法

    這篇文章主要介紹了Bootstrap-table表格初始化表格數(shù)據(jù)的方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-07-07
  • JavaScript簡單判斷復選框是否選中及取出值的方法

    JavaScript簡單判斷復選框是否選中及取出值的方法

    這篇文章主要介紹了JavaScript簡單判斷復選框是否選中及取出值的方法,涉及javascript遍歷復選框及元素取值的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-08-08
  • 如何利用JavaScript?實現(xiàn)繼承

    如何利用JavaScript?實現(xiàn)繼承

    這篇文章主要介紹了如何利用JavaScript?實現(xiàn)繼承,JavaScript?在編程語言界是個特殊種類,它和其他編程語言很不一樣,JavaScript可以在運行的時候動態(tài)地改變某個變量的類型,下面小編將繼續(xù)介紹JavaScript如何實現(xiàn)繼承,需要的朋友可以參考下
    2022-02-02
  • 深入理解 JavaScript 中的 JSON

    深入理解 JavaScript 中的 JSON

    我們先來看一個JS中常見的JS對象序列化成JSON字符串的問題,請問,以下JS對象通過JSON.stringify后的字符串是怎樣的
    2017-04-04
  • JS去除數(shù)組重復值的五種不同方法

    JS去除數(shù)組重復值的五種不同方法

    去除數(shù)組重復值的方法有很多,本文整理了四種不同方式,在此與大家分享下,希望對大家有所幫助
    2013-09-09

最新評論