JS继承定义与使用方法简单示例


Posted in Javascript onFebruary 19, 2020

本文实例讲述了JS继承定义与使用方法。分享给大家供大家参考,具体如下:

<script>
function Enemy() { 
  this.level = 50; 
  console.log("Enemy constructor"); 
}
Enemy.prototype.attack_play = function(){
  console.log("attack_play");
};
Enemy.prototype.wudiai = 100;
Enemy.wudiai = "1213";
Enemy.gongji = function(){
  console.log("gongji  asasasd "+ Enemy.wudiai);
}
function BossEnemy(){
  Enemy.call(this);
  console.log("Boss constructor");
}
// 写法1
// BossEnemy.prototype = {constructor: BossEnemy,};
// for(var i in Enemy.prototype){
//   BossEnemy.prototype[i] = Enemy.prototype[i];
// }
// 写法2
var a = function (){};
a.prototype = Enemy.prototype;
BossEnemy.prototype = new a();
BossEnemy.prototype.boss_attack = function(){
  console.log("boss_attack");
};
BossEnemy.staticFunc = function(){
  console.log("staticFunc called!");
};
var bos = new BossEnemy();
bos.boss_attack();
bos.attack_play();
BossEnemy.staticFunc();
console.log("==========================");
BossEnemy.prototype.attack_play = function(){
  Enemy.prototype.attack_play.call(this);
  console.log("BossEnemy attack play!");
}
bos.attack_play();
console.log("*****************************");
// 写法三 js6
class BingEnemy extends Enemy{
  constructor(){
    super();
    this.flag = true;
    this.name = "通天教主";
    this.level = 100;
  }
  static staticFunc(){
    console.log("static func called!");
  }
  get BingName(){
    return this.name;
  }
  set BingName(value){
    this.name = value;
  }
};
BingEnemy.haha ="123";
let bing = new BingEnemy();
console.log(bing);
BingEnemy.staticFunc();
bing.attack_play();
console.log(bing.BingName);
bing.BingName = "jade";
console.log(bing.BingName);
//console.log(BingEnemy.wudi);
console.log("============================");
</script>

运行结果:

JS继承定义与使用方法简单示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

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

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

Javascript 相关文章推荐
利用ASP发送和接收XML数据的处理方法与代码
Nov 13 Javascript
jquery-easyui关闭tab自动切换到前一个tab
Jul 29 Javascript
jquery使用remove()方法删除指定class子元素
Mar 26 Javascript
jquery实现的美女拼图游戏实例
May 04 Javascript
javascript中加var和不加var的区别 你真的懂吗
Jan 06 Javascript
AngularJS基础 ng-options 指令详解
Aug 02 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
Jan 19 Javascript
详解vue-cli构建项目反向代理配置
Sep 07 Javascript
利用js实现前后台传送Json的示例代码
Mar 29 Javascript
package.json配置文件构成详解
Aug 27 Javascript
微信小程序实现侧边栏分类
Oct 21 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
Feb 19 #Javascript
vue中实现回车键登录功能
Feb 19 #Javascript
Vue中实现回车键切换焦点的方法
Feb 19 #Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
Feb 19 #Javascript
Vue常用的全选/反选的示例代码
Feb 19 #Javascript
详解node和ES6的模块导出与导入
Feb 19 #Javascript
JS实现分页导航效果
Feb 19 #Javascript
You might like
php代码把全角数字转为半角数字
2007/12/10 PHP
PHP中输出转义JavaScript代码的实现代码
2011/04/22 PHP
PHP字符串比较函数strcmp()和strcasecmp()使用总结
2014/11/19 PHP
PHP PDOStatement::columnCount讲解
2019/01/30 PHP
微信公众平台开发教程①获取用户Openid及个人信息图文详解
2019/04/10 PHP
Yii框架响应组件用法实例分析
2019/09/04 PHP
javascript 多浏览器 事件大全
2010/03/23 Javascript
基于Asp.net与Javascript控制的日期控件
2010/05/22 Javascript
按钮JS复制文本框和表格的代码
2011/04/01 Javascript
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
2012/02/03 Javascript
js中AppendChild与insertBefore的用法详细解析
2013/12/16 Javascript
jquery实现checkbox 全选/全不选的通用写法
2014/02/22 Javascript
jquery的幻灯片图片切换效果代码分享
2015/09/07 Javascript
jquery easyUI中ajax异步校验用户名
2016/08/19 Javascript
jQuery UI仿淘宝搜索下拉列表功能
2017/01/10 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
JavaScript回调函数callback用法解析
2020/01/14 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
2020/10/24 Javascript
js用正则表达式筛选年月日的实例方法
2021/01/04 Javascript
Python使用百度API上传文件到百度网盘代码分享
2014/11/08 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
django的聚合函数和aggregate、annotate方法使用详解
2019/07/23 Python
Python二元赋值实用技巧解析
2019/10/25 Python
Python PyQt5运行程序把输出信息展示到GUI图形界面上
2020/04/27 Python
终于搞懂了Keras中multiloss的对应关系介绍
2020/06/22 Python
Visual Studio code 配置Python开发环境
2020/09/11 Python
Django ModelForm组件原理及用法详解
2020/10/12 Python
Python中logging日志的四个等级和使用
2020/11/17 Python
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
如何写早恋检讨书
2014/09/10 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
教师师德工作总结2015
2015/07/22 职场文书
高中同学会致辞
2015/08/01 职场文书
Python MNIST手写体识别详解与试练
2021/11/07 Python
十大最强电系宝可梦,阿尔宙斯电系之一,第七被称为雷神
2022/03/18 日漫