原型对象的继承

最新推荐文章于 2022-05-16 18:17:45 发布

张一西-告白confession

最新推荐文章于 2022-05-16 18:17:45 发布

阅读量179

点赞数

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

本文链接：https://blog.csdn.net/qq_42459742/article/details/104927429

版权

js继承专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!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>

在这里插入图片描述

优惠劵

张一西-告白confession

关注关注

0
点赞
踩
0

收藏

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

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原型对象的继承&lt...
复制链接

扫一扫