文档章节

ES6中class类的extends继承

NDweb
 NDweb
发布于 2016/11/28 14:33
字数 206
阅读 16
收藏 0

在ES6中,class之间可以通过extends进行继承:

我们先定义一个父类 Point:

 class Point{
        constructor(color){
            this.color=color;
        }

     }

之后再定义一个子类,让子类Test继承父类Point

class Test extends Point{
        constructor(color,name,age){
            super(color); //调用父类的constructor(color);
            this.name=name;
            this.age=age;
        }
        Who(){
             alert(this.color); 
        }
     }

 var ND=new Test("red","ND",25);

  ND.Who()   //alert出 red

Test类通过extends关键字继承了,Point类里的所有方法和属性;

super关键字,的作用是表示父类的构造函数,用来新建父类的this对象,必须在子类的constructor中调用super方法,因为子类没有自己的this对象,而是继承的父类的this对象,让后对其加工,如果不调用super,子类就得不到this对象;

© 著作权归作者所有

共有 人打赏支持
NDweb
粉丝 5
博文 73
码字总数 24531
作品 0
海淀
前端工程师
私信 提问
ES5和ES6中的继承 图解

Javascript中的继承一直是个比较麻烦的问题,prototype、constructor、proto在构造函数,实例和原型之间有的 复杂的关系,不仔细捋下很难记得牢固。ES6中又新增了class和extends,和ES5搅在一...

钱天兵
2016/06/21
0
0
JavaScript 中的继承:ES3、ES5 和 ES6

选择一种继承方式 JavaScript 是一门动态语言,动态意味着高灵活性,而这尤其可以体现在继承上面。JavaScript 中的继承有很多种实现方式,可以分成下面四类: Mixin 模式,即属性混入,从一个...

天方夜
2018/10/30
0
0
再理解es6 中的 class super extends

说明 适用于 es6 初学者 理解 class 的使用 extends 继承 class 可以通过 extends 关键字实现继承,这比 ES5 的通过修改原型链实现继承,要清晰和方便很多。 上面代码定义了一个ColorPoint类...

Pandaaa
2018/07/09
0
0
ES5和ES6中的继承

ES5 ES5中的继承,看图: ES5中这种最简单的继承,实质上就是将子类的原型设置为父类的实例。 ES6 ES6中的继承,看图: 所以 ES6和ES5的继承是一模一样的,只是多了class 和extends ,ES6的子...

WolfX
2016/06/03
52
0
es6之class 基本用法解析

javaScript 语言中,生成实例对象的传统方法是通过构造函数,与传统的面向对象语言(比如 C++ 和 Java)差异很大,ES6 提供了更接近传统语言的写法,引入了 class(类)这个概念,作为对象的模...

peakedness丶
2018/12/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Linux下端口转发工具rinetd介绍

linux下简单好用的工具rinetd,实现端口映射/转发/重定向,针对TCP协议,不支持UDP。 官网地址 http://www.boutell.com/rinetd 里面介绍及使用齐全。 使用场景举例: 阿里云内网Redis连接问题...

ouhoo
8分钟前
0
0
Oracle学习日志-5(算数运算符,比较运算符和逻辑运算符)

因为有编程基础,所以对于这一章还是很好理解,只需要注意对NULL的运算。 操作的表格 算数运算符 查询商品名字和商品售价,并商品售价乘2 SELECT product_name,sale_price * 2 AS "sale_pri...

白话
20分钟前
0
0
搜索引擎(Lucene介绍、分词器详解)

Lucene介绍 Lucene简介 最受欢迎的java开源全文搜索引擎开发工具包。提供了完整的查询引擎和索引引擎,部分文本分词引擎(英文与德文两种西方语言)。Lucene的目的是为软件开发人员提供一个简...

这很耳东先生
25分钟前
0
0
quartz详细介绍

quartz常用api Scheduler 调度程序交互的主要API。 Job 希望由调度程序执行的组件实现的接口。 JobDetail 用于定义作业的实例。 JobDataMap 可以包含不限量的序列化数据,在job运行的时候可以...

大笨象会跳舞吧
25分钟前
0
0
kotlin使用jackson序列化enum

默认情况下,我们序列化与反序列化enum是它的name,事实上大部分情况下我们需要序列化的是我们自定义的value,那应该怎么做呢? 这种情况下我们就需要@JsonValue与@JsonCreator data class U...

weidedong
30分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部