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
随机推荐
- 洛谷 P1383 codevs 3333 高级打字机
题目描述 早苗入手了最新的高级打字机.最新款自然有着与以往不同的功能,那就是它具备撤销功能,厉害吧. 请为这种高级打字机设计一个程序,支持如下3种操作: 1.T x:在文章末尾打下一个小写字母x.(t ...
- 洛谷 P3819 松江1843路
题目描述 涞坊路是一条长L米的道路,道路上的坐标范围从0到L,路上有N座房子,第i座房子建在坐标为x[i]的地方,其中住了r[i]人. 松江1843路公交车要在这条路上建一个公交站,市政府希望让最多的 ...
- poj 1274 基础二分最大匹配
#include<stdio.h> #include<string.h> #define N 300 #define inf 0x3fffffff int mark[N],li ...
- rabbit-入门
#启用rabbit的web管理 rabbitmq-plugins.bat enable rabbitmq_management 发布的窗口用TOPIC模式 rabbitmq没有确认消息接收的返回值,M ...
- hdu5326 Work
题目链接:点击打开链接 题目大意:有n个人.各自管理不同的人,问有多少人管理k个人. 思路:先记录每一个人的直接上级.然后模拟路径压缩的过程进行计数求和. #include<stdio.h> ...
- oracle 数据库开发面试题
近期參加了数场面试,总结一下竞聘oracle 开发岗位最常问到哪些问题: 1.delete 与 truncate 差别? 1)truncate 是DDL语句.delete 是DML语句: 2)trun ...
- Linux系统调用具体解释（怎样从用户空间进入内核空间）
系统调用概述 计算机系统的各种硬件资源是有限的,在现代多任务操作系统上同一时候执行的多个进程都须要訪问这些资源,为了更好的管理这些资源进程是不同意直接操作的,全部对这些资源的訪问都必须有操作系统控制. ...
- 图像处理中的数学原理具体解释20——主成分变换（PCA）
欢迎关注我的博客专栏"图像处理中的数学原理具体解释" 全文文件夹请见 图像处理中的数学原理具体解释(总纲) http://blog.csdn.net/baimafujinji/ar ...
- Error解决：Property's synthesized getter follows Cocoa naming convention for returning 'owned'
在项目中定义了以new开头的textField.结果报错: 先看我的源代码: #import <UIKit/UIKit.h> @interface ResetPasswordViewCon ...
- 手机对支持128G扩展内存的介绍
具体说明: 1,JB2之前的版本只支持SD2.0 SPEC,SD2.0 SPEC定义了最大支持SD卡容量到32G. 2,JB2及以后的版本支持SD3.0 SPEC,SD3.0的SPEC定义了最大支持S ...