ES5/ES6 的继承除了写法以外还有什么区别？

于 2024-01-30 11:26:13 发布
阅读量780 收藏
点赞数 17
分类专栏： 每日一题 文章标签： es6 java jvm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DHLSP15/article/details/135927030
版权
本文对比了ES5和ES6的继承方式，ES5通过原型或构造函数实现，而ES6采用class和extends，强调子类需在constructor中调用super获取父类的this。super关键字指向父类实例，且调用super后才能使用this。
摘要由CSDN通过智能技术生成

ES5/ES6 的继承除了写法以外还有什么区别？

1、ES5的继承实质上是先创建子类的实例对象，然后再将父类的方法添加到 this 上（如：Parent.apply(this)）。
2、ES6的继承机制完全不同，实质上是先创建父类的实力对象 this（所以必须调用父类的 super() 方法），然后再用子类的构造函数修改 this。
3、ES5的继承时通过原型或构造函数机制来实现。
4、ES6通过 class 关键字定义类，里面有构造方法，类之间通过 extends 关键字实现继承。
5、子类必须在 constructor 方法中调用 super 方法，否则新建示例报错。因为子类没有自己的 this 对象，而是继承了父类的 this 对象，然后对其进行加工。如果不调用 super 方法，子类得不到 this 对象。
6、注意： super 关键字指代父类的实例，即父类的 this 对象。
7、注意：在子类构造函数中，调用 super 后，才可使用 this 关键字，否则报错。

DHLSP15
关注
专栏目录
[JavaScript][ES6]ES5/ES6 的继承除了写法以外还有什么区别？
DaftJayee的博客
08-22 1008
ES5/ES6 的继承除了写法以外还有什么区别？ 1.class 声明会提升，但不会初始化赋值。Foo 进入暂时性死区，类似于 let、const 声明变量。 const bar = new Bar(); // it's ok function Bar() { this.bar = 42; } const foo = new Foo(); //Cannot access 'Foo' before initialization //初始化前不能访问Foo //说明在这行代码下面的Foo的声明被提升了,
ES5/ES6 解构 遍历
amuist_ting的博客
09-16 592
ECMAScript5 2009年12月正式发布的ECMAScript5.1就是常说的es5 ECMAScript6 2015年6月正式发步 正式名为ECMAScript2015 声明命令let和const ----let声明符 ES6新增了let命令，用来声明变量；用let声明的变量，只在let命令所在的代码块内有效 var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错 es6..
ES5/ES6 的继承除了写法以外还有什么区别?
qq_41648408的博客
03-11 1223
ES5 的继承实质上是先创建子类的实例对象，然后再将父类的方法添加 到 this 上(Parent.apply(this)). ES6 的继承机制完全不同，实质上是先创建父类的实例对象 this(所以必 须先调用父类的 super()方法)，然后再用子类的构造函数修改 this。 ES5 的继承时通过原型或构造函数机制来实现。 ES6 通过 class 关键字定义类，里面有构造方法，类之间通过 extends 关 键字实现继承。 子类必须在 constructor 方法中调用 super 方法，否则新建实.
ES5/ES6 的继承除了写法以外还有什么区别
piaojiancong的博客
06-30 346
ES5 的继承实质上是先创建子类的实例对象，然后再将父类的方法添加 到 this 上 ES6 的继承机制完全不同，实质上是先创建父类的实例对象 this（所以必须先调用父类的super()方法），然后再用子类的构造函数修改 this。 ES5 的继承时通过原型或构造函数机制来实现。 ES6 通过 class 关键字定义类，里面有构造方法，类之间通过 extends 关 键字实现继承。 子类必须在 constructor 方法中调用 super 方法，否则新建实例报错。因为子类没有自己的 this 对象，而.
ES5/ES6 的继承除了写法以外还有什么区别? 每日一题系列(七)
小鹿的博客
09-13 359
继承的各种写法 class 声明会提升，但不会初始化赋值。Foo 进入暂时性死区，类似于 let、const 声明变量。 const bar = new Bar(); // it's ok function Bar() { this.bar = 42; } const foo = new Foo(); // ReferenceError: Foo is not defined class Foo { constructor() { this.foo = 42; } } clas
ES5/ES6的 继 承 除 了 写 法 以 外 还 有 什 么 区 别?
m0_72037607的博客
07-13 335
ES5/ES6的 继 承 除 了 写 法 以 外 还 有 什 么 区 别 . ES5 的继承实质上是先创建子类的实例对象，然后再将父类的方法添加 到 this 上（Parent.apply(this)）. 2. ES6 的继承机制完全不同，实质上是先创建父类的实例对象 this（所以必 须先调用父类的 super()方法），然后再用子类的构造函数修改 this。 3. ES5 的继承时通过原型或构造函数机制来实现。 4. ES6 通过 class 关键字定义类，里面有构造方法，类之间通过 extends 关
React中ES5与ES6写法的区别总结
08-30
React中ES5与ES6写法的区别总结 在 React 中，ES5 和 ES6 两种写法是开发者最常用的两种方式。这两种方式有着很大的区别，了解这两种方式的区别对开发者来说非常重要。 首先，lets 看看模块引用。在 ES5 中，如果...
es5的data语法_es5/es6中新增的方法
weixin_39898550的博客
12-22 264
ES5中的新增方法ES5 中给我们新增了一些方法，可以很方便的操作数组或者字符串，这些方法主要包括：数组方法字符串方法对象方法1.1 数组方法迭代(遍历)方法：forEach()、map()、filter()、some()、every()；array.forEach(function(currentValue, index, arr))让数组中每个元素都执行一次 fn，相当于 for 循环不会占用...
ES5/ES6 除了写法之外还有什么区别？
DreamFive
06-10 313
区别如下： 1、class 声明会提升，但是不会初始化赋值 const bar = new Bar(); // 2 funciton Bar(){ return 2; } const foo = new Foo(); // ReferenceError: Foo is not defined class Foo{ constructor(){ this.foo = 42; } } 2、class 声明内部会启用严格模式 function Bar(){ bar = 42; // 不会报错 }
es5和es6继承的区别【前端每日一题-23】
weixin_30631587的博客
08-06 330
es5和es6继承的区别？ES5的继承是通过prototype或构造函数机制来实现。ES5的继承实质上是先创建子类的实例对象，然后再将父类的方法添加到this上(Parent.apply(this))。ES6的继承机制实质上是先创建父类的实例对象this(所以必须先调用父类的super()方法)，然后再用子类的构造函数修改this。 转载于:https://juejin.im/post/5d493...
图解说明ES5和ES6中继承的区别
cc的博客
02-17 2400
ES5ES5中的继承区别 图解
ES6与ES5继承比较
RheaWang的博客
07-28 1142
1. 关于ES5寄生构造函数继承 /*寄生组合式继承*/ function inHeritPrototype(SuperType,SubType) { var prototype=Object(SuperType);//创建对象 prototype.constructor=SubType;//增强对象 SubType.prototype=prototype; } fun
ES5(js)/ES6 的继承的区别
阳光下的冷静的博客
08-23 339
##ES5(js)/ES6 继承的区别 ES5(js)与ES6继承之间的区别，除了写法不一样之外，还有其他的区别，如下描述 class 声明会提升，但不会初始化赋值。Foo 进入暂时性死区，类似于let、const声明变量 const bar = new Bar(); // it's ok function Bar() { this.bar = 42; } const foo = new...
Es6继承和Es5继承区别
最新发布
id9426的博客
04-12 938
es5、es6继承详细解答： 继承：一个类继承另一个类（一个构造函数继承另一个构造函数） 。子类继承父类，子类会有父类所有的方法。 es5中使用构造函数；一个构造函数继承另一个构造函数。 es6中引入了class类的概念；子类继承父类。
JS继承的7种方式，ES5，ES6继承的区别
程序员良仔
05-29 1137
前言 目录前言一、原型链继承二、借用构造函数继承三、组合继承四、原型式继承五、寄生式继承六、寄生组合式继承七、 ES6通过class的extends实现继承八、ES5，ES6继承的区别九、总结 一、原型链继承 二、借用构造函数继承 三、组合继承 四、原型式继承 五、寄生式继承 六、寄生组合式继承 七、 ES6通过class的extends实现继承 八、ES5，ES6继承的区别 九、总结 代码下载(p-react-router分支)：https://gitee
ES5和ES6继承
yangyang的专栏
06-02 487
1.ES6继承 class Book{ constructor(title,pages,isbn){ this.title = title; this.pages = pages; this.isbn = isbn; } printIsbn(){ console.log(this.isbn) } } class ITBook extends Book{ const...
ES6中的类继承和ES5中的继承模式详解
weixin_30648587的博客
08-13 173
1、ES5中的继承模式 我们先看ES5中的继承。 既然要实现继承，首先我们得要有一个父类。 Animal.prototype.eat = function(food) { console.log(this.name + '正在吃' + food); } function Animal(name) { this.color = ['green...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值