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 相关文章推荐
开发跨浏览器javascript常见注意事项
Jan 01 Javascript
jquery text,radio,checkbox,select操作实现代码
Jul 09 Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
May 11 Javascript
JavaScript返回网页中超链接数量的方法
Apr 03 Javascript
jQuery实现连续动画效果实例分析
Oct 09 Javascript
JavaScript的事件机制详解
Jan 17 Javascript
VUE 全局变量的几种实现方式
Aug 22 Javascript
小程序登录/注册页面设计的实现代码
May 24 Javascript
vue实现中部导航栏布局功能
Jul 30 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
Mar 07 Javascript
原生js实现瀑布流效果
Mar 09 Javascript
ant-design-vue按需加载的坑的解决
May 14 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 Ajax实现无刷新附件上传
2016/08/17 PHP
php中的单引号、双引号和转义字符详解
2017/02/16 PHP
微信公众号实现扫码获取微信用户信息(网页授权)
2019/04/09 PHP
javascript Demo模态窗口
2009/12/06 Javascript
Javascript下判断是否为闰年的Datetime包
2010/10/26 Javascript
JS中FRAME的操作问题实例分析
2014/10/21 Javascript
jQuery中odd选择器的定义和用法
2014/12/23 Javascript
JS实现当前页居中分页效果的方法
2015/06/18 Javascript
AngularJS使用ngMessages进行表单验证
2015/12/27 Javascript
JavaScript中Array的实用操作技巧分享
2016/09/11 Javascript
ES6学习之变量的解构赋值
2017/02/12 Javascript
详解Web使用webpack构建前端项目
2017/09/23 Javascript
VSCode使用之Vue工程配置eslint
2019/04/30 Javascript
python求crc32值的方法
2014/10/05 Python
在Python上基于Markov链生成伪随机文本的教程
2015/04/17 Python
Python中用于转换字母为小写的lower()方法使用简介
2015/05/19 Python
python里使用正则的findall函数的实例详解
2017/10/19 Python
Python创建一个空的dataframe,并循环赋值的方法
2018/11/08 Python
聊聊python里如何用Borg pattern实现的单例模式
2019/06/06 Python
Python tensorflow实现mnist手写数字识别示例【非卷积与卷积实现】
2019/12/19 Python
TUMI马来西亚官方网站:国际领先的高品质商旅箱包品牌
2018/04/26 全球购物
早晨薰衣草在线女性精品店:Morning Lavender
2021/01/04 全球购物
德国二手设计师时装和复古时装跳蚤市场:Mädchenflohmarkt
2020/11/09 全球购物
内部类的定义、种类以及优点
2013/10/16 面试题
2014年应届大学生自我评价
2014/01/09 职场文书
文化宣传方案
2014/03/13 职场文书
汇源肾宝广告词
2014/03/20 职场文书
大学优秀班主任事迹材料
2014/05/02 职场文书
民主评议政风行风整改方案
2014/09/17 职场文书
MBA推荐信怎么写
2015/03/25 职场文书
五星级酒店前台接待岗位职责
2015/04/02 职场文书
2015驻村干部工作总结
2015/04/07 职场文书
民主生活会主持词
2015/07/01 职场文书
教师远程研修感悟
2015/11/18 职场文书
javascript的var与let,const之间的区别详解
2022/02/18 Javascript
微信小程序APP的生命周期及页面的生命周期
2022/04/19 Javascript