<!--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. CodeForces - 340 C - Tourist Problem

    先上题目: A - Tourist Problem Time Limit:1000MS     Memory Limit:262144KB     64bit IO Format:%I64d & ...

  2. Spring Boot上传文件

    我们使用Spring Boot最新版本1.5.9.jdk使用1.8.tomcat8.0. <parent> <groupId>org.springframework.boot& ...

  3. Android 自己定义TextView 实现文本间距

    转载请标明出处: http://blog.csdn.net/u011974987/article/details/50845269: Android系统中TextView默认显示中文时会比較紧凑.不是 ...

  4. hdu4861 Couple doubi---2014 Multi-University Training Contest 1

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4861 Couple doubi Time Limit: 2000/1000 MS (Java/Othe ...

  5. UVA - 10029 Edit Step Ladders （二分+hash）

    Description Problem C: Edit Step Ladders An edit step is a transformation from one word x to another ...

  6. 监控sql运行时剩余时间

    --监控sql执行时剩余时间 你知道正在执行的sql大概须要多长时间么? 你知道正在执行的sql大概完毕了百分之几么? 你知道正在执行的sql大概还要多长时间完毕么? V$SESSION_LONGOP ...

  7. ios开发之Swift新手入门

    1.关于swift和调试,swift在ios7.0才支持,ios8.3系统的真机必需要xcode6.3才干调试.安装xcode6.3需要os x 10.10以上 2.应用程序由Main.storybo ...

  8. MySQL出现Ignoring query to other database的问题

    今天使用mysql的时候,输入随意一条命令都会出: Ignoring query to other database 这条错误信息,非常是奇怪. 后来才发现是登录数据库时.少了个-u的參数.. 正确的 ...

  9. Node.js：工具模块

    ylbtech-Node.js:工具模块 1.返回顶部 1. Node.js 工具模块 在 Node.js 模块库中有很多好用的模块.接下来我们为大家介绍几种常用模块的使用: 序号 模块名 & ...

  10. springboot @WebFilter过滤器的使用

    过滤器的用法就不多说了 新建Filter的继承类:MemberFilter(放置包需要注意) @WebFilter(urlPatterns = "/*") @Order(1) pu ...