<!--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. 洛谷 P2587 BZOJ 1034 [ZJOI2008]泡泡堂

    题目描述 //不知道为什么BZOJ和洛谷都没有这幅图了,大牛们几年前的博客上都有这幅图的,把它贴上来吧 第XXXX届NOI期间,为了加强各省选手之间的交流,组委会决定组织一场省际电子竞技大赛,每一个省 ...

  2. 如何实现网卡bond

    https://jingyan.baidu.com/article/375c8e19da666325f2a229f7.html

  3. 大红数星星 图论 XD网络赛

    问题 A: 大红数星星 时间限制: 3 Sec  内存限制: 128 MB提交: 1066  解决: 67[提交][状态][讨论版] 题目描述 “三角形十分的美丽,相信大家小学就学过三角形具有稳定性, ...

  4. [bzoj2124]等差子序列_线段树_hash

    等差子序列 bzoj-2124 题目大意:给定一个1~n的排列,问是否存在3个及以上的位置上的数构成连续的等差子序列. 注释:$1\le n\le 10^4$. 想法:这题就相当于是否存在3个数i,j ...

  5. C++开发人脸性别识别教程（9）——搭建MFC框架之显示图片

    在之前的博客中我们已经实现读取用户选定的目录.并将其路径保存在对应的变量中.在这篇博文中我们将介绍怎样借助CvvImage类将图片显示在picture控件中,并自己主动读取目录下的其它图片. 一.加入 ...

  6. 关于DM8168中移植算法速度慢、效率低的新发现

    有不少的朋友,特别是刚刚接触DSP的朋友.基于DVRRDK编写C代码发现执行速度特别慢,我在上面简单的对每一个像素的UV分量赋值=0x80,这样就成了灰度图像.对1080P图像进行操作,发现处理每帧要 ...

  7. js 判断 wifi and 流量

    var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection || { ...

  8. Git与SVN区别 \git学习

    http://blog.csdn.net/w13770269691/article/details/38705473/ https://git-scm.com/book/zh/v2

  9. NYOJ_268_荷兰国旗问题

    荷兰国旗问题 时间限制:3000 ms  |  内存限制:65535 KB 难度:1 描写叙述 荷兰国旗有三横条块构成,自上到下的三条块颜色依次为红.白.蓝.现有若干由红.白.蓝三种颜色的条块序列.要 ...

  10. MySQL调优 —— Using temporary

      DBA发来一个线上慢查询问题. SQL例如以下(为突出重点省略部分内容): select distinct article0_.id, 等字段 from article_table article ...