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
随机推荐
- codeforces 257B
#include<stdio.h> #define mod 1000000007 int main() { __int64 n,m,i,j,k,x,y,z; while(scanf(&qu ...
- HDU 2830 Matrix Swapping II (预处理的线性dp)
Matrix Swapping II Time Limit: 9000/3000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Other ...
- 外网联接内网mssql
參考地址:http://www.nat123.com/Pages_8_266.jsp 方法例如以下: 1.注冊一个账号,同一时候进入nat123官网加入dns域名解析 点击确认保存,刚刚加入的域名解析 ...
- fputs与fgets
1. fputs 函数名: fputs 功 能: 送一个字符到一个流中 用 法: int fputs(char *string, FILE *stream); 说明: fputs是一 ...
- POJ 1166 The Clocks (暴搜）
发现对这样的模拟题根本没啥思路了,本来准备用bfs的.可是结果超时了,这是參考别的人代码写的: #include <stdio.h> #include <iostream> # ...
- luogu3197 [HNOI2008] 越狱
题目大意 已知序列$P$满足$|P|=N$,(以下所有$i,i\in[1,N]$)$\forall i, P_i\in [1,M]$.求$|\{P|\exists i, P_i =P_{i+1}\}| ...
- luogu3911 最小公倍数之和
题目大意 给出一些数\(A_1,A_2,\cdots A_n\),求 \[\sum_{i=1}^{n}\sum_{j=1}^{n}\mathrm{lcm}(A_i,A_j)\] \(A_i,A_n\l ...
- 【BZOJ2806】【CTSC2012】Cheat 广义后缀自动机+二分+Dp
题目 题目在这里 思路&做法 我们先对标准作文库建广义后缀自动机. 然后对于每一篇阿米巴的作文, 我们首先把放到广义后缀自动机跑一遍, 对于每一个位置, 记录公共子串的长度\((\)即代码和下 ...
- hihoCoder-1633 ACM-ICPC北京赛区2017 G.Liaoning Ship’s Voyage 线段与三角形规范相交
题面 题意:给你一个20*20的地图,起点(0,0),终点(n-1,n-1),有障碍的点为‘#’,每次可以向8个方向走一步,还给了一个三角形,除了障碍以外,到这8个方向上的点的线段如果没有与三角形相交 ...
- 最详细的CentOS 6与7对比（二）：服务管理对比
本主题将从3个角度进行对比 常见设置(CentOS 6 vs CentOS 7) 服务管理(Sysvinit vs Upstart vs Systemd) 性能测试(cpu/mem/io/oltp) ...