<!--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. C#带cookie模拟登录百度

    #region 同步通过POST方式发送数据 /// <summary> /// 通过POST方式发送数据 /// </summary> /// <param name= ...

  2. HDU多校赛第9场 HDU 4965Fast Matrix Calculation【矩阵运算+数学小知识】

    难度上.,,确实...不算难 问题是有个矩阵运算的优化 题目是说给个N*K的矩阵A给个K*N的矩阵B(1<=N<=1000 && 1=<K<=6),先把他们乘起 ...

  3. RubyMine快捷键

    RubyMine快捷键 ctrl+shift+up/down 向上/向下移动代码段 alt+shift+up/down 向上/向下移动代码行 ctrl+y 删除一行 ctrl+shift+f10 运行 ...

  4. 关于IFeatureSelection的SelectFeatures方法

    近期做项目时用到IFeatureLayer as IFeatureSelection,然后使用IFeatureSelection.SelectFeatures方法.可是得到的IFeatureSelec ...

  5. UVa 11722（几何概率)

    题意:你和你的朋友要乘坐火车,并且都会在A城市相遇,你会在(t1,t2)中的任意时刻以相同的概率密度到达, 你朋友会在(s1,s2)中的任意时刻以相同的概率密度到达,你们的火车在A城市都会停留w分钟, ...

  6. 【BZOJ 2351】 Matrix

    [题目链接] https://www.lydsy.com/JudgeOnline/problem.php?id=2351 [算法] 哈希 [代码] #include<bits/stdc++.h& ...

  7. [HTML] 如何使用robots.txt防止搜索引擎抓取页面

    Robots.txt 文件对抓取网络的搜索引擎漫游器(称为漫游器)进行限制.这些漫游器是自动的,在它们访问网页前会查看是否存在限制其访问特定网页的 robots.txt 文件.如果你想保护网站上的某些 ...

  8. SwiftUI 官方教程

    SwiftUI 官方教程 完整中文教程及代码请查看 https://github.com/WillieWangWei/SwiftUI-Tutorials   SwiftUI 官方教程 SwiftUI ...

  9. BZOJ 2324 （有上下界的）费用流

    思路: 先跑一遍Floyd  更新的时候map[i][j]=map[i][k]+map[k][j]  k需要小于i或j 正常建边: 把所有点 拆点-> i,i+n add(x,y,C,E)表示x ...

  10. python3 常用模块详解

    这里是python3的一些常用模块的用法详解,大家可以在这里找到它们. Python3 循环语句 python中模块sys与os的一些常用方法 Python3字符串 详解 Python3之时间模块详述 ...