<!--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继承语法的更多相关文章

  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. TortoiseGit生成PuttyKey与GitHub的SSH进行关联

    1.打开Puttygen 要到进度条满格为止,知道出现如下界面: 把上面的Key复制. 最后点击[Save private key]保存. 2.登录GitHub进行如下操作: Settings-> ...

  2. POJ 2374

    挺水的一道线段树+DP题.可以从底往上添加线段,每添加线段之前查询端点所被覆盖的区间线段.再从最顶往下DP,每次从端点出发,递推覆盖该端点的区间线段的两端的值即可. #include <cstd ...

  3. 支付宝钱包手势password破解实战（root过的手机可直接绕过手势password）

    /* 本文章由 莫灰灰 编写,转载请注明出处. 作者:莫灰灰    邮箱: minzhenfei@163.com */ 背景 随着移动互联网的普及以及手机屏幕越做越大等特点,在移动设备上购物.消费已是 ...

  4. Ralink5350开发环境搭建

    一.安装虚拟机(Oracle VM VirtualBox  或 VMware Workstation) 二.在虚拟机中安装linux操作系统(当前使用的是Ubuntu1204桌面版) 三.配置linu ...

  5. 【cl】字符串

    使用单引号(') 你可以用单引号指示字符串,就如同‘How are you’这样.所有的空白,即空格跟制表符都照原样保留 使用双引号(“) 在双引号中的字符串与单引号中的字符串的使用完全相同,例如“W ...

  6. nyoj170 网络的可靠性(第三届河南省程序设计大赛)

    题目170 题目信息 执行结果 pid=170" style="text-decoration:none; color:rgb(55,119,188)">本题排行 ...

  7. [NOIP 2007] 树网的核

    [题目链接] https://www.lydsy.com/JudgeOnline/problem.php?id=1999 [算法] 树的直径 + 单调队列 [代码] #include<bits/ ...

  8. Hdu-6249 2017CCPC-Final G.Alice’s Stamps 动态规划

    题面 题意:给你n个集合,每个集合有L到R这些种类的邮票,让你选择其中的K个集合,使得最后选择的邮票种类尽可能多,N,L,R都<=2000 题解:容易乱想到网络流,可是再细想一下就会发现处理不了 ...

  9. oracle连接数不够解决

    ora-12516: TNS: 监听程序找不到符合协议堆栈要求的可用处理程 看到如上错误出现,就要查看是否是是数据库连接数被占满了 具体的查询sql如下: select count(*) from v ...

  10. HBase编程 API入门系列之HTable pool（6）

    HTable是一个比较重的对此,比如加载配置文件,连接ZK,查询meta表等等,高并发的时候影响系统的性能,因此引入了“池”的概念. 引入“HBase里的连接池”的目的是: 为了更高的,提高程序的并发 ...