面试题中经常会问到一些关于继承的问题,那么本次就给大家做个简单的ES6继承的面试分解首先先来看下ES5的继承是怎么样的:
[JavaScript] 纯文本查看 复制代码 // ES5继承
function person() {
this.name = '张三';
this.set = '男';
}
person.prototype.fn = function () {
console.log(1);
}
let p1 = new person();
p1.fn()
接下来看看ES6的继承方式:
[JavaScript] 纯文本查看 复制代码 // 使用class关键字去声明类
class Person{
// 就是类的构造函数,初始化一个对象的属性
constructor() {
this.name = '张三';
this.sex = 'sex';
}
fn() {
console.log('I am good boy!!!');
}
};
let p1 = new Person();
p1.fn();
类与类的继承:
[JavaScript] 纯文本查看 复制代码 /*
* 类可以继承另外一个类,使用extends语法
* 可以继承到另外一个类的所有属性和方法
* */
// 使用class关键字去声明类
class Person{
// 就是类的构造函数,初始化一个对象的属性
constructor() {
this.name = '张三';
this.sex = 'sex';
}
fn() {
console.log('I am good boy!!!');
}
};
let p1 = new Person();
p1.fn();
// 第二个类 继承 第一个类
class superMan extends Person {
}
let s1 = new superMan();
s1.fn();
|