ES6继承语法
<!--http://www.56.com/u85/v_MTMyNjk1OTc4.html-->
<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title>ES6继承语法</title>
</head> <body>
</body> <script type="text/javascript">
/*
* 什么是 ES6 ?
* JavaScript :
* 核心模块：ECMAScript (是 JS 的核心重要组成部分)
* HTML结构节点： DOM
* 浏览器核心对象： BOM
*
* DOM : html 结构
* html
* body
* main
* div
* BOM : 详细请看 ： http://www.cnblogs.com/2010master/p/5824215.html
* BOM（Browser Object Document）即浏览器对象模型。
* BOM提供了独立于内容 而与浏览器窗口进行交互的对象；
* 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window；
* BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性；
*
* ECMAScript : ES(ECMA : 欧洲计算机制造商协会)
* 规定了这些内容 ： 语法 关键字 声明 解析等规则
* 数据类型 : object string number boolean ....
* 也支持 原型和继承的
* 还有 一些内置的对象 和 函数库
* 运算符号.....
*
*/ // ES6 对 对象的继承有了新的语法：
class People {
// 构造函数
constructor(name, age) {
// 初始化属性
this.name = name;
this.age = age;
}
// 方法
eat(food) {
console.log(this.name + '吃 ： ' + food);
}
}
// 设置原型中的内容
People.prototype.legs = 2; // 创建 People 对象
var p1 = new People('三炮', 22);
console.log(p1);
// 方法的调用
p1.eat('大盘鸡'); // -------------- 继承 ----------------
// extends ： 继承的关键字
class Man extends People {
constructor(name, age, sex) {
// super : 就相当于会自动去执行 People 的构造函数
super(name, age);
// 新增，扩展自己的属性
this.sex = sex;
}
playMJ() {
console.log(this.name + '正在打麻将');
}
}
// 叫 翠花 28 男 吃馒头 打麻将 var man = new Man('翠花', 28, '男');
console.log(man);
man.eat('馒头');
man.playMJ();
</script> </html>
ES6继承语法的更多相关文章
- ES6常用语法
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015. 也就是说,ES6就是ES2015. ...
- ES6新语法
ES6新语法概览 简介 ES6是JavaScript语言的新一代标准,加入了一些新的功能和语法,正式发布于2015年6月,亦称ES2015:该标准由ECMA(欧洲计算机制造联合会)的第39号技术专家委 ...
- ES6最新语法
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015. 也就是说,ES6就是ES2015. ...
- ES6常用语法简介import export
ES6常用语法简介import export let与var用法区别 //var var a = []; for (var i = 0; i < 10; i++) { a[i] = functi ...
- ES6简单语法
ES6 简单语法: 变量声明 ES5 var 声明变量为全局变量 会变量提升 ES6 let 声明的变量为块级变量 且不能重复声明 不存在变量提升 # {}一个大括号为一个作用域 ES6 const ...
- vue学习（一）ES6常用语法
1 ES6常用语法 1.1 变量提升 例① # 变量提升 <div id="app"> </div> <script> console.log( ...
- ES6 常用语法知识汇总
ES6模块化如何使用,开发环境如何打包? 1.模块化的基本语法 /* export 语法 */ // 默认导出 export default { a: '我是默认导出的', } // 单独导出 exp ...
- ECMAScript简介以及es6新增语法
ECMAScript简介 ECMAScript与JavaScript的关系 ECMAScript是JavaScript语言的国际化标准,JavaScript是ECMAScript的实现.(前者是后者的 ...
- ES6新语法的介绍
对于ES6新语法,阮一峰有一篇文章介绍的挺详细 http://es6.ruanyifeng.com/#docs/destructuring
随机推荐
- 0709关于mysql优化思路【何登成】
转自 http://isky000.com/database/mysql-performance-tuning-sql 优化目标 减少 IO 次数IO永远是数据库最容易瓶颈的地方,这是由数据库的职责所 ...
- Django（六）
一.一大波model操作 1. 创建数据库表 # 单表 # app01_user ==> tb1 # users class User(models.Model): name = models. ...
- Spring MVC-表单（Form）标签-多行文本框（TextArea）示例（转载实践）
以下内容翻译自:https://www.tutorialspoint.com/springmvc/springmvc_textarea.htm 说明:示例基于Spring MVC 4.1.6. 以下示 ...
- C语言遍历文件和文件夹——————【Badboy】
[cpp] #include #include #include #include #include #include #include #define MAX_PATH_LENGTH 512 #de ...
- UI 经常用法总结之--- UIWindow UIView (不断更新中)
UIWindow (UIView) 1.创建一个uiwindow对象 self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScr ...
- ScrollViewer滚动究竟来触发载入数据的Behavior
近期项目中遇到载入数据的性能问题, 原因是.net4.0的虚拟化支持不够完毕,有好多bug在4.5才修复. 我们仅仅能利用大家通用的做法来延迟载入数据: 每次载入固定少量的数据.当拖动究竟后.继续载入 ...
- luogu2508 [HAOI2008]圆上的整点
题目大意 给出\(r\),求圆\(x^2+y^2=r^2\)上坐标均为整数的点数.\(n<=2,000,000,000\) 总体思路 我们看到这个数据大小,还是个数学题,想到这个的时间复杂度应当 ...
- java怎么学
java怎么学 给你推荐一个写得非常用心的Java基础教程:Java入门基础教程 | 天码营 这个教程将Java的入门基础知识贯穿在一个实例中,逐步深入,可以帮助你快速进入Java编程的世界.万事开头 ...
- DDos攻击的一些领域知识——（流量模型针对稳定业务比较有效）不稳定业务采用流量成本的检测算法，攻击发生的时候网络中各个协议的占比发生了明显的变化
在过去,很多防火墙对于DDoS攻击的检测一般是基于一个预先设定的流量阈值,超过一定的阈值,则会产生告警事件,做的细一些的可能会针对不同的流量特征设置不同的告警曲线,这样当某种攻击突然出现的时候,比如S ...
- JavaScript：目录
ylbtech-JavaScript:目录 1. https://www.javascript.com/ 2. 1.返回顶部 1. http://www.runoob.com/js/js-functi ...