递归继承（extends）

李柒恙

于 2022-08-19 07:34:01 发布

阅读量183

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/haisyn/article/details/126416923

这篇博客探讨了JavaScript中的原型链概念，包括实例与构造函数的关系，以及`__proto__`和`constructor`属性的使用。接着，介绍了ES6的Class类继承，展示了如何创建父类和子类，并通过`super`关键字调用父类的方法。同时，提到了递归的概念和一个简单的递归函数示例。最后，简要提及了面向对象编程在ES5中的实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原型链

new __ proto __ constructor

构造函数<=========>实例化对 --------------------->原型对象<===========>构造函数

constructor prototype

__ proto __ constructor __ proto __

原型对象-------------->Object 原型对象<=======>Object构造函数------------>Null

prototype

ES6继承

Class类继承

// 父类 Person
class Person {
    constructor(uname, age) {

        //属性
        this.uname = uname;
        this.age = age
    }

    //方法
    say() {
        return `我是${this.uname}，我年龄${this.age}岁`
    }
}
let arr = Person('刘德华',38)
console.log(arr.say())


//子类Student
class Student extends Person {
    constructor(uname, age) {
        // this.uname = uname;
        // this.age = age;
        super(uname, age)
    }

}


var s1 = new Student("小红", 18)
console.log(s1.say())

递归

概念:在一个函数的内部自调用，有退出条件

举例：

var n = 1;
function fun() {
    if (n > 6) return;
    console.log("我喜欢翘臀")
    n++
    fun()
}

fun()

面向对象

ES5实现

递归 继承（extends）

递归继承（extends）