1. <!--http://www.56.com/u85/v_MTMyNjk1OTc4.html-->
  2. <!DOCTYPE html>
  3. <html>
  4.  
  5.     <head>
  6.         <meta charset="UTF-8">
  7.         <title>ES6继承语法</title>
  8.     </head>
  9.  
  10.     <body>
  11.     </body>
  12.  
  13.     <script type="text/javascript">
  14.         /*
  15.          *  什么是 ES6 ?
  16.          *  JavaScript :
  17.          *  核心模块：ECMAScript (是 JS 的核心重要组成部分)
  18.          *  HTML结构节点： DOM
  19.          *  浏览器核心对象： BOM
  20.          *
  21.          *  DOM : html 结构
  22.          *         html
  23.          *             body
  24.          *                 main
  25.          *                     div
  26.          *  BOM : 详细请看 ： http://www.cnblogs.com/2010master/p/5824215.html
  27.          *  BOM（Browser Object Document）即浏览器对象模型。
  28.          *    BOM提供了独立于内容 而与浏览器窗口进行交互的对象；
  29.          *    由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window；
  30.          *    BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性；
  31.          *
  32.          *  ECMAScript : ES(ECMA : 欧洲计算机制造商协会)
  33.          *  规定了这些内容 ： 语法     关键字     声明     解析等规则
  34.          *  数据类型 : object string     number     boolean ....
  35.          *  也支持 原型和继承的
  36.          *  还有 一些内置的对象 和 函数库
  37.          *  运算符号.....
  38.          *
  39.          */
  40.  
  41.         // ES6 对 对象的继承有了新的语法：
  42.         class People {
  43.             // 构造函数
  44.             constructor(name, age) {
  45.                 // 初始化属性
  46.                 this.name = name;
  47.                 this.age = age;
  48.             }
  49.             // 方法
  50.             eat(food) {
  51.                 console.log(this.name + '吃 ： ' + food);
  52.             }
  53.         }
  54.         // 设置原型中的内容
  55.         People.prototype.legs = 2;
  56.  
  57.         // 创建 People 对象
  58.         var p1 = new People('三炮', 22);
  59.         console.log(p1);
  60.         // 方法的调用
  61.         p1.eat('大盘鸡');
  62.  
  63.         // -------------- 继承 ----------------
  64.         // extends ： 继承的关键字
  65.         class Man extends People {
  66.             constructor(name, age, sex) {
  67.                 // super : 就相当于会自动去执行 People 的构造函数
  68.                 super(name, age);
  69.                 // 新增，扩展自己的属性
  70.                 this.sex = sex;
  71.             }
  72.             playMJ() {
  73.                 console.log(this.name + '正在打麻将');
  74.             }
  75.         }
  76.         //   叫  翠花    28     男     吃馒头     打麻将
  77.  
  78.         var man = new Man('翠花', 28, '男');
  79.         console.log(man);
  80.         man.eat('馒头');
  81.         man.playMJ();
  82.     </script>
  83.  
  84. </html>

ES6继承语法的更多相关文章

  1. ES6常用语法

    ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015. 也就是说,ES6就是ES2015. ...

  2. ES6新语法

    ES6新语法概览 简介 ES6是JavaScript语言的新一代标准,加入了一些新的功能和语法,正式发布于2015年6月,亦称ES2015:该标准由ECMA(欧洲计算机制造联合会)的第39号技术专家委 ...

  3. ES6最新语法

    ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015. 也就是说,ES6就是ES2015. ...

  4. ES6常用语法简介import export

    ES6常用语法简介import export let与var用法区别 //var var a = []; for (var i = 0; i < 10; i++) { a[i] = functi ...

  5. ES6简单语法

    ES6 简单语法: 变量声明 ES5 var 声明变量为全局变量 会变量提升 ES6 let 声明的变量为块级变量 且不能重复声明 不存在变量提升 # {}一个大括号为一个作用域 ES6 const ...

  6. vue学习（一）ES6常用语法

    1 ES6常用语法 1.1 变量提升 例① # 变量提升 <div id="app"> </div> <script> console.log( ...

  7. ES6 常用语法知识汇总

    ES6模块化如何使用,开发环境如何打包? 1.模块化的基本语法 /* export 语法 */ // 默认导出 export default { a: '我是默认导出的', } // 单独导出 exp ...

  8. ECMAScript简介以及es6新增语法

    ECMAScript简介 ECMAScript与JavaScript的关系 ECMAScript是JavaScript语言的国际化标准,JavaScript是ECMAScript的实现.(前者是后者的 ...

  9. ES6新语法的介绍

    对于ES6新语法,阮一峰有一篇文章介绍的挺详细 http://es6.ruanyifeng.com/#docs/destructuring

随机推荐

  1. redis-不常用的命令

    在不重启redis服务器的情况下,动态的修改Redis的配置 redis> config set loglevel warning

  2. SCVMM-VMWARE ACE虚拟机管理工具

    SCVMM是微软的虚拟化管理工具 VMWARE ACE是另一套虚拟化的工具 这两套工具都是用来管理虚拟机的,可以直接将物理机虚拟化为虚拟机 企业一旦发展到了一定阶段,并然需要自己的服务器和虚拟化环境, ...

  3. codeforces Round #258(div2) C解题报告

    C. Predict Outcome of the Game time limit per test 2 seconds memory limit per test 256 megabytes inp ...

  4. 【cl】maven新建web项目

    我的环境:window32位 +jdk1.7.0_75+maven3.3.3 1.ctrl+N 新建maven project项目 2.选择maven-archetype-webapp [这里一开始用 ...

  5. elasticsearch插件开发

    检索引擎Elasticsearch支持插件模式.有些时候你可能须要安装一些插件.甚至自己开发插件,这里就提供一个開始ES插件开发演示样例,ES版本号为1.5.2. 一.插件类继承自org.elasti ...

  6. java.util.ComparableTimSort中的sort()方法简单分析

    TimSort算法是一种起源于归并排序和插入排序的混合排序算法,设计初衷是为了在真实世界中的各种数据中能够有较好的性能. 该算法最初是由Tim Peters于2002年在Python语言中提出的. T ...

  7. AWS之VPC、Subnet与CIDR

    什么是CIDR? CIDR是英文Classless Inter-Domain Routing的缩写,中文是无类别域间路由,是一个在Internet上创建附加地址的方法,这些地址提供给服务提供商(ISP ...

  8. “Parsing filters unsupported” error during extraction of RAR file

    up vote 159 down vote accepted You can use: sudo apt-get install unrar or sudo apt-get install unar ...

  9. vim下很好的右键复制方法

    1)先按shift ,然后鼠标选中即可复制:(shift按下时为非vim环境) 2)好方法: "Enable and disable mouse use noremap <f1> ...

  10. /proc/sysrq-trigger说明【转】

    本文转载自:http://blog.csdn.net/silenttung/article/details/8084136 版权声明:本文为博主原创文章,未经博主允许不得转载. /proc/sysrq ...