首页 > 编程 > JavaScript > 正文

JS原型与继承操作示例

2019-11-19 11:36:56
字体:
来源:转载
供稿:网友

本文实例讲述了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();//继承父类BeverageCoffee.prototype.boilWater = function(){  console.log("把水煮沸");};Coffee.prototype.brew = function(){  console.log("用沸水冲泡咖啡");};Coffee.prototype.pourInCup = function(){  console.log("把咖啡倒进杯子");};Coffee.prototype.addCondiments = function(){  console.log("加糖和牛奶");};var Tea = function(){};Tea.prototype = new Beverage();//继承父类BeverageTea.prototype.boilWater = function(){  console.log("把水煮沸");};Tea.prototype.brew = function(){  console.log("用沸水浸泡茶叶");};Tea.prototype.pourInCup = function(){  console.log("把茶水倒进杯子");};Tea.prototype.addCondiments = function(){  console.log("加入柠檬");};Tea.prototype.customerWantsCondiments = function(){  return window.confirm("请问需要加调料吗?");};var coffee = new Coffee();//实例化Coffeecoffee.init();var tea = new Tea();//实例化Teatea.init();</script>

这里使用在线HTML/CSS/JavaScript代码运行工具http://tools.VeVB.COm/code/HtmlJsRun测试运行结果如下:

更多关于JavaScript相关内容还可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表