ES6——class类的继承与静态方法

最新推荐文章于 2023-08-13 03:33:28 发布
最新推荐文章于 2023-08-13 03:33:28 发布
阅读量568 收藏
点赞数
分类专栏： Web前端 文章标签： 经验分享 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fengzai2023/article/details/124709078
版权
本文探讨了ES6中的class类继承和静态方法的使用。子类通过extends关键字继承父类，并且必须在constructor中调用super方法。ES6的继承机制先创建父类实例再添加子类属性。静态方法使用static关键字定义，只能通过类名调用，不能在实例上使用this。同时，文章提供了代码示例进行说明。
摘要由CSDN通过智能技术生成

}

上述代码中:

  1. 子类通过 extends 关键字来继承父类的所有属性和方法

  2. 子类必须在constructor中调用super方法，否则新建实例会报错;

ES5的继承中，实质是先创造子类的实例对象this，然后再将父类的方法/属性添加到this上面。

ES6的继承中，实质是先创造父类的实例对象this, 然后再将子类的方法/属性添加上

必须先通过父类的构造函数完成塑造(this对象–实例对 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 象)，然后再对其加工，加上子类自身的属性和方法。

如果不调用super方法，子类就得不到this对象

[](()静态方法

==============================================================

  1. 有 static关键字，表明该方法是一个静态方法

  2. 需要通过类名来调用， 而不是在实例(this)上调用

  3. 如果使用this调用，或者在该方法中使用this。 均会出现异常

最低0.47元/天 解锁文章
fengzai2023
关注
专栏目录
Node.js日记：ES6——类和继承
jimson_zhu的博客
12-13 151
类 ES6 之前写法： // 用函数定义类 function Animal(name){ this.name = name; } // 给类的实例定义方法 Animal.prototype.showName = function(){ console.log(this.name); } // 给类定义静态方法 Animal.eat = function(){ cons...
ES6 类(Class)基本用法和静态属性+方法详解
12-20
ES6 类(Class)基本用法和静态属性+方法详，博客地址：http://blog.csdn.net/pcaxb/article/details/53759637
ES6 - 类的静态方法和静态属性
winne雪
11-21 4816
一、静态方法 类的所有方法都定义在类的prototype属性上面，所有类中定义的方法都会被实例继承，如果在类方法前面加上static关键字就不会被实例继承了。 静态方法是直接通过类名来调用。 class Person{ constructor(name="xf",age){ this.name = name; this.age = age; } static say(){ con...
es6中class类的全方面理解（三）------静态方法
十年砍柴的博客
06-05 319
不需要实例化类，即可直接通过该类来调用的方法，即称之为“静态方法”。将类中的方法设为静态方法也很简单，在方法前加上static关键字即可。这样该方法就不会被实例继承！ class Box{ static a(){ return "我是Box类中的，实例方法，无须实例化，可直接调用！" } } //通过类名直接调用 console.log(Box.a());//我是Box类中的，实例方法，无须实例化，可直接调用！ 上面的代码一，类Box的a方法前有static关键字，
ES6 静态方法
weixin_46146313的博客
02-09 643
继承小练习 { class Person{ constructor(num_a,num_b){ this.num_a = num_a; //同绑定this this.num_b = num_b; } ...
ES6——Class 类的继承 extends
ling_xy的博客
10-05 815
文章目录1.举例2.Object.getPrototypeOf() 获取子类的父类3.super关键字4.类的 prototype 和__proto__属性 1.举例 Class 可以通过extends关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多 子类必须在constructor方法中调用super方法，否则新建实例时会报错 ES5 的继承，实质是先创造子类的实例对象this，然后再将父类的方法添加到this上面（Parent.apply(this)） ES6 的继承
JS面向对象编程——ES6 中class的继承用法详解
11-21
JavaScript是一种基于对象的语言，虽然它的面向对象特性与传统面向对象编程语言有所不同，但在ES6中引入的`class`语法糖让其变得更加接近经典的面向对象概念。`class`关键字的使用大大简化了对象的创建和继承过程，...
JS——ES6 class类和继承及其实际运用
偷只猫来养的博客
06-23 1569
JS——ES6 class类和继承 1、类的定义 2、类的构造函数和其他属性 3、类的继承
ES6 中class 的静态属性和静态方法
qd_yang 的博客
12-15 1837
日常笔记
ES6 Class静态方法static
weixin_42776027的博客
12-26 1380
//在类型上定义的方法都在原型链上 // 在类中定义方法前加上static关键字，该方法就是静态方法 // 静态方法可以直接通过类来直接调用 class Foo { //实例方法，定义在实例对象的原型上 methodA() { console.log("methodA is called") } //静态方法，定义在Foo类型上面 .
es6 class 类，静态方法 的简单了解。
asurson的博客
06-25 565
class a{ constructor(dd,age){ this.dd = dd; this.age = age; } static aa(){ console.log(this); } b(){ console.log(this.age...
es6 Class 的静态方法
歪脖先生的博客
02-01 3094
Class 的静态方法 类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上static关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”。 class Foo { static classMethod() { return 'hello'; }}Foo.classMethod() // 'hello'var foo = n
ES6 类的学习（三） --- class静态属性和静态方法
秋天，黄叶坠地，凉风有信。
02-28 2264
静态属性和静态方法 我们可以把一个方法赋值给类的函数本身，而不是赋给它的 "prototype"。这样的方法被称为 静态的（static）。 在一个类中，它们以 static 关键字开头，如下所示： class User { static staticMethod() { alert(this === User); } } User.staticMethod(); // true 这实际上跟直接将其作为属性赋值的作用相同： class User { } User.staticMetho
ES6 class静态属性
weixin_51664705的博客
04-15 152
class Phone{ name = '手机' change(){ console.log('123') } } const p = new Phone() console.log(p.name) 在不加static之前，p能获取刀Phone的属性， class Phone{ static name = '手机' ch
ES6 class静态属性 静态方法 私有方法 私有属性 实例属性 实例方法 静态私有属性 静态私有方法等,继承
u013400314的博客
06-27 898
ES6 class静态属性 静态方法 私有方法 私有属性 实例属性 实例方法 静态私有属性 静态私有方法等
继承中的静态方法，静态方法，重写等
weixin_64651338的博客
02-11 148
方法继承，static，this等一些相关知识的点杂烩
es6中的类与继承、静态方法、实现单例
qq_36742720的博客
04-27 334
1、如果使用es6定义一个类 // 使用class关键字申明一个类 class Person{ constructor(name,age){ // 类的构造函数，实例化的时候执行 this._name=name this._age=age } setName(name){ this._name=name } ...
【有料】类的静态变量和静态方法能否被子类继承？
最新发布
daobuxinzi的博客
08-13 1588
如果你想要调用父类的静态方法和属性，直接通过父类名.方法或变量名完成，至于是否继承一说，子类是有继承静态方法和属性，但是跟实例方法和属性不太一样，存在"隐藏"的这种情况。3). 静态属性、静态方法和非静态的属性都可以被继承和隐藏而不能被重写，因此不能实现多态，不能实现父类的引用可以指向不同子类的对象。//结果同上，输出的结果都是父类中的非静态属性、静态属性和静态方法,推出静态属性和静态方法可以被继承。//输出的结果都是父类中的非静态属性、静态属性和静态方法,推出静态属性和静态方法可以被继承。
JavaScript ES6中的Class详解
"这篇文档详细介绍了JavaScript ES6中引入的`class`关键字的使用，讨论了在JavaScript中实现类的传统方式及其不足，并对比了ES6的`class`语法与传统构造函数的区别。文档强调，JavaScript原本是基于[[Prototype]]...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值