类的继承

通过关键字：super

代码示例：

{//父类class Father{constructor(name){this.name = name;this.hobby = "抽烟，喝酒，烫头"}yue(){console.log("去你的吧!");}}let father = new Father("于谦");console.log(father.name);father.yue();//子类class Student extends Father{constructor(name,age){super(name);this.age = age}yue(){console.log(`我叫${this.name},爱好是${this.hobby}`);}}let student = new Student("郭小宝",8);student.yue();  //我叫郭小宝,爱好是抽烟，喝酒，烫头
}

上述代码中:

子类通过 extends 关键字来继承父类的所有属性和方法
子类必须在constructor中调用super方法，否则新建实例会报错;

ES5的继承中，实质是先创造子类的实例对象this，然后再将父类的方法/属性添加到this上面。
ES6的继承中，实质是先创造父类的实例对象this, 然后再将子类的方法/属性添加上
必须先通过父类的构造函数完成塑造(this对象–实例对象)，然后再对其加工，加上子类自身的属性和方法。
如果不调用super方法，子类就得不到this对象

静态方法

有 static关键字，表明该方法是一个静态方法
需要通过类名来调用，而不是在实例(this)上调用
如果使用this调用，或者在该方法中使用this。均会出现异常
静态方法可以和非静态方法重名 (不推荐这样)
父类的静态方法，可以被子类继承

代码示例：

{class Person{//实例属性的新写法, 位置放在类的顶部num = "我是实例属性的新写法"; // 静 态 属 性// 写法： 在实例属性前， 加static关键字static Admin = "开机密码";constructor(name,age){this.name = name;this.age = age;}static MiMa = "1906"static shuo(){console.log("保密保密")}talk(){return `${this.num}`}}Person.shuo();//保密保密console.log(Person.MiMa);// let person = new Person("光达",18)// person.shuo();   //person.shuo is not a function// console.log(person.MiMa);   //undefined// console.log(person.talk()); //  我是实例属性的新写法}

ES6——class类的继承与静态方法相关推荐

python静态方法可以被继承吗_python 类的继承实例方法.静态方法.类方法的代码解析...
这篇文章主要介绍了python 类的继承实例方法.静态方法.类方法的代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 dt={} class ...
详解JavaScript中ES5和ES6的类、继承之间区别和联系
导读: 很多JavaScript的初学者(比如说我)在刚开始学习这门语言的时候,往往会对函数.对象.类.继承这些概念感到迷茫和疑惑,感觉他们彼此之间长得十分相似,这就导致很难分清他们什么时候该怎么用. ...
React 项目 -ES6 语法类的继承（10）
在面向对象的编程语言中,基本上都是支持继承的,比如C++,和java,在ES6 中的类也引入的继承的概念,并且和java十分的类似,初学前端的ES6语法,我们在地方就介绍一下ES6 中的继承的语法. ...
TypeScript--es5中的类，继承，静态方法
最简单的类 function Person() {this.name = 'lisi';this.age = 20;}var p = new Person();alert(p.name); 构造函数和 ...
ES6——class类实现继承
赶快悄悄的努力起来吧,不苒在这里衷心祝愿各位大佬都能顺利通过面试. 面试专栏分享,感觉有用的小伙伴可以点个订阅,不定时更新相关面试题:面试专栏 .
ES5和ES6的类，静态方法，继承实现代码
ES5 类和静态方法 function Person(info) {//构造函数里面的方法和属性this.name = 'fur'this.age = 1this.run = function() { ...
typescript学习之路(四) —— ts类的继承（包含es5以及es6的类继承）
上一文已经写了es5,es6等类的定义,所以本章主要写es5和es6的继承,由于es6的继承和ts的继承如出一辙,只是加了类型定义而已,所以ts的继承稍微写下,不会太详细. 文章目录 es5继承原型 ...
JS高级之ES6类与对象、静态成员、类的继承
一.类与对象什么是类? 好比:人类.动物类就是一个群体的统称类里描述这一类群体,有哪些特征和行为,所谓的特征对应到代码中就是属性,行为对应到代码中就是方法类理解为是一套描述数据的模板,但是没有 ...
从babel实现es6类的继承来深入理解js的原型及继承
先聊个5毛钱的背景吧自从有了babel这一个利器之后,es6现在已经被广泛的使用.JavaScript 类实质上是 JavaScript 现有的基于原型的继承的语法糖.类语法不会为JavaScrip ...

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

类的继承

静态方法

ES6——class类的继承与静态方法相关推荐

最新文章

热门文章