js——继承

最新推荐文章于 2024-09-20 15:45:00 发布

Sarnwan

最新推荐文章于 2024-09-20 15:45:00 发布

阅读量73

点赞数

分类专栏： JavaScript 文章标签： js 继承

本文链接：https://blog.csdn.net/xuehaocyuyan/article/details/119777538

版权

JavaScript 专栏收录该内容

42 篇文章 1 订阅

订阅专栏

js——继承

继承：两个类之间的 is a kind of 关系
实现继承：子类拥有父类的全部属性和方法，还可以拥有自己独有的方法和属性
通过原型链实现继承：子类的原型指向父类的实例子类.prototype=new 父类() 子类可以重写/复写父类的方法

在这里插入图片描述

在这里插入代码片
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js继承:子类的原型指向父类的实例</title>
</head>

<body>
    <script>
        // 
        function People(name, age) {
            this.name = name
            this.age = age
        }
        People.prototype.sayHello = function () {
            console.log(this.name + ":hello");
        }

        // 这里，子类的参数要包含父类的参数
        function Student(name, age, sex) {
            this.name = name
            this.age = age
            this.sex = sex
        }

        // 创建出子类后书写继承语句 子类.prototype=new 父类()
        Student.prototype = new People()

        Student.prototype.jude = function () {
            console.log(this.sex);
        }

        // 测试
        var stu = new Student('sam', 12, 'woman')
        stu.sayHello()
        stu.jude()
    </script>
</body>

</html>