<!--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. 洛谷 P1602 Sramoc问题

    题目描述 话说员工们整理好了筷子之后,就准备将快餐送出了,但是一看订单,都傻眼了:订单上没有留电话号码,只写了一个sramoc(k,m)函数,这什么东西?什么意思?于是餐厅找来了资深顾问团的成员,YQ ...

  2. SQLSERVER--存储过程--示例

    存储过程 CREATE PROCEDURE addUser --Add the parameters for the stored procedure here (--存储过程参数 @系统类别 nva ...

  3. spring-cloud-feign 使用@RequetParam报错QueryMap parameter must be a Map: class java.lang.String

    这里使用spring-cloud-start-feign: 1.2.2 REALEASE版本,依赖管理器版本是 Camden.SR2 出错的原因是@RequestParam的value为empty时, ...

  4. 在Map对象中获取属性，注意判断为空

    在Map对象中获取属性,注意判断为空 public static void main(String[] args) { Map map = new HashMap(); Integer i = (In ...

  5. java 线程 错失的信号、notify() 与notifyAll的使用

    package org.rui.thread.block; import java.util.Timer; import java.util.TimerTask; import java.util.c ...

  6. iOS项目开发实战——使用Xcode6设计自己定义控件与图形

    在iOS开发中,有很多控件都是Xcode默认提供的.使用这些控件是很方便的.可是因为某些须要.须要自己设计控件,那么应该怎么做呢?在Xcode6中提供了这种接口,同意开发人员高速开发自己定义控件,而且 ...

  7. sikuli运行错误：Traceback (most recent call last):

    错误信息: Traceback (most recent call last): File "C:\Users\wb-cailu.a\AppData\Local\Temp\sikuli-tm ...

  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. 修改android手机文件权限

    修改android手机文件权限 默认情况下,一个应用肯定是读取不了另外一个应用的数据的,因为权限不够.但是我们一定要读,怎么办? 修改我们要读取文件的权限. Android是基于Linux的,所以修改 ...

  10. Linux系统查看当前时间的命令

    转自:https://www.cnblogs.com/redfire/p/7702213.html 一.查看和修改Linux的时区1. 查看当前时区命令 : "date -R"2. ...