黑马程序员技术交流社区

标题: 【上海校区】面试题之继承 [打印本页]

---

作者: 爱编码的J    时间: 2020-5-28 17:25
标题: 【上海校区】面试题之继承
面试题中经常会问到一些关于继承的问题，那么本次就给大家做个简单的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();

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2