原型继承

最新推荐文章于 2024-04-26 16:47:03 发布

杰克2022

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量31

点赞数

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

本文链接：https://blog.csdn.net/wyh0318/article/details/128479158

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>原型继承</title>
</head>

<body>
    <script>
        function Animal(category) {
            this.category = category || "Animal";
            this.arry = ['a', 'b', 'c'];
        }

        function Dog(name) {
            this.name = name;
            this.type = 'dog';
        }

        // 缺点
        // 1. 想为子类添加新的属性或方法，必须放在 new Animal之后
        // 2. 无法实现多继承
        // 3. 原型链被破坏
        // 4. 无法向父级传参
        // 5. 引用类型的属性会被影响，比如数组对象会修改到原型上
        Dog.prototype = new Animal();

        // Dog.prototype.speak = function () {
        //     console.log('speak');
        // }

        var dog = new Dog('小白');
        // dog.speak();
        dog.arry.push('d');
        console.log(dog);
    </script>
</body>

</html>

杰克2022

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
原型继承

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
复制链接

扫一扫