最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS原型與繼承操作示例

 更新時(shí)間:2019年05月09日 11:29:26   作者:Yxh_blogs  
這篇文章主要介紹了JS原型與繼承操作,涉及javascript面向?qū)ο蟪绦蛟O(shè)計(jì)中原形與繼承的相關(guān)定義、實(shí)例化操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS原型與繼承操作。分享給大家供大家參考,具體如下:

<script>
var Beverage = function(){};
Beverage.prototype.boilWater = function(){
  console.log("把水煮沸");
};
Beverage.prototype.brew = function(){
  throw new Error("子類必須重寫該方法");
};
Beverage.prototype.pourInCup = function(){
  throw new Error("子類必須重寫該方法");
};
Beverage.prototype.addCondiments = function(){
  throw new Error("子類必須重寫該方法");
};
Beverage.prototype.customerWantsCondiments = function(){
  return true;
};
Beverage.prototype.init = function(){
  this.boilWater();
  this.brew();
  this.pourInCup();
  if(this.customerWantsCondiments){
    this.addCondiments();
  }
};
var Coffee = function(){};
Coffee.prototype = new Beverage();//繼承父類Beverage
Coffee.prototype.boilWater = function(){
  console.log("把水煮沸");
};
Coffee.prototype.brew = function(){
  console.log("用沸水沖泡咖啡");
};
Coffee.prototype.pourInCup = function(){
  console.log("把咖啡倒進(jìn)杯子");
};
Coffee.prototype.addCondiments = function(){
  console.log("加糖和牛奶");
};
var Tea = function(){};
Tea.prototype = new Beverage();//繼承父類Beverage
Tea.prototype.boilWater = function(){
  console.log("把水煮沸");
};
Tea.prototype.brew = function(){
  console.log("用沸水浸泡茶葉");
};
Tea.prototype.pourInCup = function(){
  console.log("把茶水倒進(jìn)杯子");
};
Tea.prototype.addCondiments = function(){
  console.log("加入檸檬");
};
Tea.prototype.customerWantsCondiments = function(){
  return window.confirm("請(qǐng)問(wèn)需要加調(diào)料嗎?");
};
var coffee = new Coffee();//實(shí)例化Coffee
coffee.init();
var tea = new Tea();//實(shí)例化Tea
tea.init();
</script>

這里使用在線HTML/CSS/JavaScript代碼運(yùn)行工具http://tools.jb51.net/code/HtmlJsRun測(cè)試運(yùn)行結(jié)果如下:

更多關(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)文章

  • js實(shí)現(xiàn)隨機(jī)點(diǎn)名系統(tǒng)(實(shí)例講解)

    js實(shí)現(xiàn)隨機(jī)點(diǎn)名系統(tǒng)(實(shí)例講解)

    下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)隨機(jī)點(diǎn)名系統(tǒng)(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-10-10
  • 利用原生JavaScript實(shí)現(xiàn)造日歷輪子實(shí)例代碼

    利用原生JavaScript實(shí)現(xiàn)造日歷輪子實(shí)例代碼

    這篇文章主要給大家介紹了關(guān)于如何利用原生JavaScript實(shí)現(xiàn)造日歷輪子的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • js工具方法彈出蒙版

    js工具方法彈出蒙版

    js工具方法彈出蒙版,需要的朋友可以參考一下
    2013-05-05
  • JavaScript判斷是否手機(jī)瀏覽器的五種方法

    JavaScript判斷是否手機(jī)瀏覽器的五種方法

    現(xiàn)在手機(jī)網(wǎng)站已經(jīng)很普及了,有時(shí)候前端網(wǎng)頁(yè)需要判斷,用戶使用的是手機(jī)瀏覽器還是電腦瀏覽器。這篇文章整理了JavaScript判斷是否手機(jī)瀏覽器的五種方法,通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值
    2022-11-11
  • JavaScript 實(shí)現(xiàn)的checkbox經(jīng)典實(shí)例分享

    JavaScript 實(shí)現(xiàn)的checkbox經(jīng)典實(shí)例分享

    本文主要給大家分享的是JavaScript實(shí)現(xiàn)checkbox多項(xiàng)選擇的經(jīng)典代碼,非常的簡(jiǎn)單實(shí)用,有需要的小伙伴可以參考下
    2016-10-10
  • 詳解如何在JavaScript中創(chuàng)建線性儀表圖

    詳解如何在JavaScript中創(chuàng)建線性儀表圖

    線性儀表圖表示顯示所需值的垂直或水平線性刻度,帶有顏色刻度以及單個(gè)或多個(gè)指針。本文將詳細(xì)講解如何利用JavaScript創(chuàng)建線性儀表圖,需要的可以參考一下
    2022-03-03
  • 如何寫JS數(shù)組sort的比較函數(shù)

    如何寫JS數(shù)組sort的比較函數(shù)

    我們知道,數(shù)組的sort方法可以對(duì)數(shù)組元素進(jìn)行排序,默認(rèn)是按ASCII字母表順序排序。如果要根據(jù)其他的順序排序就需要為sort方法提供一個(gè)比較函數(shù)作為參數(shù)。這里講的就是如何寫這個(gè)比較函數(shù)。
    2010-07-07
  • 一次記住JavaScript的6個(gè)正則表達(dá)式方法

    一次記住JavaScript的6個(gè)正則表達(dá)式方法

    這篇文章主要介紹了一次記住JavaScript的6個(gè)正則表達(dá)式方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2018-02-02
  • JS圖片無(wú)縫、平滑滾動(dòng)代碼

    JS圖片無(wú)縫、平滑滾動(dòng)代碼

    這篇文章主要介紹了JS圖片無(wú)縫、平滑滾動(dòng)的實(shí)現(xiàn),需要的朋友可以參考下
    2014-03-03
  • JS模擬并美化的表單控件完整實(shí)例

    JS模擬并美化的表單控件完整實(shí)例

    這篇文章主要介紹了JS模擬并美化的表單控件實(shí)現(xiàn)方法,涉及javascript結(jié)合css樣式美化表單的功能,非常美觀實(shí)用,需要的朋友可以參考下
    2015-08-08

最新評(píng)論

岑溪市| 根河市| 兴山县| 东平县| 北宁市| 岚皋县| 长沙市| 宁德市| 山阴县| 万盛区| 竹山县| 承德县| 鹤山市| 陆川县| 石狮市| 会东县| 通州市| 澜沧| 昌宁县| 开封市| 和硕县| 确山县| 沅陵县| 遂宁市| 印江| 河西区| 佛教| 石家庄市| 溧阳市| 广东省| 湟源县| 东光县| 普兰县| 东乌珠穆沁旗| 陆丰市| 新丰县| 通化市| 海盐县| 张家口市| 鸡泽县| 阿图什市|