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

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)問需要加調(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測試運(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)模態(tài)框拖拽

    js實(shí)現(xiàn)模態(tài)框拖拽

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)模態(tài)框拖拽效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • js在HTML的三種引用方式詳解

    js在HTML的三種引用方式詳解

    這篇文章主要介紹了js在HTML的三種引用方式詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-08-08
  • canvas 畫布在主流瀏覽器中的尺寸限制詳細(xì)介紹

    canvas 畫布在主流瀏覽器中的尺寸限制詳細(xì)介紹

    這篇文章主要介紹了canvas 畫布在主流瀏覽器中的尺寸限制詳細(xì)介紹的相關(guān)資料,canvas在不同瀏覽器下面有不同的最大尺寸限制,這里測試下,需要的朋友可以參考下
    2016-12-12
  • 獲取url中用&隔開的參數(shù)實(shí)例(分享)

    獲取url中用&隔開的參數(shù)實(shí)例(分享)

    下面小編就為大家?guī)硪黄@取url中用&隔開的參數(shù)實(shí)例(分享)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-05-05
  • 微信小程序自定義組件實(shí)現(xiàn)tabs選項(xiàng)卡功能

    微信小程序自定義組件實(shí)現(xiàn)tabs選項(xiàng)卡功能

    這篇文章主要為大家詳細(xì)介紹了微信小程序自定義組件實(shí)現(xiàn)tabs選項(xiàng)卡功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-07-07
  • JavaScript前端實(shí)現(xiàn)壓縮圖片功能

    JavaScript前端實(shí)現(xiàn)壓縮圖片功能

    這篇文章主要介紹了JavaScript前端實(shí)現(xiàn)壓縮圖片功能,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-03-03
  • 輕松實(shí)現(xiàn)js選項(xiàng)卡切換效果

    輕松實(shí)現(xiàn)js選項(xiàng)卡切換效果

    這篇文章主要幫助大家輕松實(shí)現(xiàn)js選項(xiàng)卡切換效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-09-09
  • js實(shí)現(xiàn)一個(gè)簡易的計(jì)算器

    js實(shí)現(xiàn)一個(gè)簡易的計(jì)算器

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)一個(gè)簡易的計(jì)算器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-04-04
  • webpack之devtool詳解

    webpack之devtool詳解

    這篇文章主要介紹了webpack之devtool詳解,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-02-02
  • Web Uploader文件上傳插件使用詳解

    Web Uploader文件上傳插件使用詳解

    WebUploader是由Baidu WebFE(FEX)團(tuán)隊(duì)開發(fā)的一個(gè)簡單的以HTML5為主,F(xiàn)LASH為輔的現(xiàn)代文件上傳組件。這篇文章主要為大家詳細(xì)介紹了Web Uploader文件上傳插件使用方法,感興趣的小伙伴們可以參考一下
    2016-05-05

最新評(píng)論