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
随机推荐
- fzoj 2113数位dp
参考http://blog.csdn.net/xingyeyongheng/article/details/8785785 #include<stdio.h> #define ll lon ...
- nginx中父子进程工作的主体函数
依据Nginx(0.7.67版本号)的代码.对Nginx主要的进程创建,进程主体以及事件处理进行了简要的分析. 基本上,父进程(即主进程)一開始会初始化及读取配置.并载入各模块的功能,然后fork() ...
- 【转】HDFS读写流程
概述开始之前先看看其基本属性,HDFS(Hadoop Distributed File System)是GFS的开源实现. 特点如下: 能够运行在廉价机器上,硬件出错常态,需要具备高容错性流式数据访问 ...
- JavaScript 和Ajax跨域问题
json格式: { "message":"获取成功", "state":"1", "result": ...
- 《转》Ceilometer Alarm API 參数具体解释 及 举例说明
Ceilometer Alarm是H版新加入的功能,监控报警是云平台必不可少的部分,Ceilometer已经实现了比較完好的监控体系.报警怎么能缺少呢?用过AWS CloudWatch Alarm的人 ...
- 网页设计——Dreamweaver
在看ASP.NET视频时,讲到了一款编写HTML代码的软件--Dreamweaver.它是一款专门进行网页设置的软件.通过它能够设计出多彩的界面,相对于vs中自带的设计方式来说,他不须要知道太多的技术 ...
- Android.mk宏定义demo【转】
本文转载自:http://blog.csdn.net/u010164190/article/details/72783963 1.Android.mk LOCAL_PATH := $(call my ...
- 国内物联网平台初探（三） ——QQ物联·智能硬件开放平台
平台定位 将QQ帐号体系.好友关系链.QQ消息通道及音视频服务等核心能力提供给可穿戴设备.智能家居.智能车载.传统硬件等领域的合作伙伴,实现用户与设备.设备与设备.设备与服务之间的联动. 实现用户与设 ...
- 写一个类似淘宝的ios app需要用到哪些技术？
写一个类似淘宝的ios app需要用到哪些技术? 让我想起了有人私信我,说不缺钱,做个类似知乎的东西,包括加运营,需要多少钱. 扯淡结束,正好最近看了一点这方面的东西,也许对题主来说有点帮助. 手机淘 ...
- 2.2Shiro架构