原型对象的继承

张一西-告白confession

于 2020-03-17 17:54:08 发布

阅读量215

点赞数

分类专栏： js继承文章标签： javascript css html vue.js 前端

本文链接：https://blog.youkuaiyun.com/qq_42459742/article/details/104927429

版权

js继承专栏收录该内容

2 篇文章

订阅专栏

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>原型对象的继承</title>
</head>

<body>
    <script>

        function Father() {
            this.name = '马云'
        }
        Father.prototype.init = function () {
            console.log('Father')
        }
        function Son() {
            
        }
        // 原型对象继承

        // 方法1. 直接将我们的Father.prototype赋值给Son.prototype(即可拿到Father.prototype上的init方法)
        // Son.prototype = Father.prototype

        // 方法2. 遍历Father.prototype 看看原型上边有哪些方法, 将所有方法添加到Son.prototype
        for (const key in Father.prototype) {
            Son.prototype[key] = Father.prototype[key]
        }
        var father = new Father()
        var son = new Son()
        console.log(father, son)
    </script>
</body>

</html>

在这里插入图片描述