A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

面试题中经常会问到一些关于继承的问题,那么本次就给大家做个简单的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();

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马