原型对象的继承

素颜马尾好姑娘i 2023-07-16 03:36 7阅读 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>

![在这里插入图片描述][20200317175344303.png]

[20200317175344303.png]: /images/20230528/9f7ce018ed52437e95240758ac45b573.png

发表评论取消回复

表情：

评论列表（有 0 条评论，7人围观）

还没有评论，来说两句吧...

相关阅读

相关对象进阶-继承、原型-原型链

工厂方法创建对象我们之前已经学习了如何创建一个对象，那我们要是想要创建多个对象又该怎么办？聪明的同学可能会说，直接在写几个对象不就好了吗？比如下边的代码： var

旧城等待，/ 2024年03月16日 14:53/ 0 赞/ 129 阅读

相关原型对象的继承

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

素颜马尾好姑娘i/ 2023年07月16日 03:36/ 0 赞/ 8 阅读

相关原型原型链继承

// 原型 // 问：为什么引入prototype属性 // 答：使N多个同一个构造函数生成的实例对象共享同一个属性，达到共享属性和

水深无声/ 2023年03月01日 13:53/ 0 赞/ 38 阅读

相关 javascript （对象继承）原型链

Js所有的函数都有一个prototype属性，这个属性引用了一个对象，即原型对象，也简称原型。这个函数包括构造函数和普通函数. JS中的继承，子函数通过把父

青旅半醒/ 2022年07月17日 03:56/ 0 赞/ 261 阅读

相关高级面向对象之原型继承

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>原型继

- 日理万妓/ 2022年06月14日 06:51/ 0 赞/ 244 阅读

相关原型对象与继承（原型链）

最近秋招有点压抑，在技术面的时候面试官问了很多我还不太懂的东西。不是说完全不懂，就是实现原理还是很不行。就原型对象和继承（原型链）来说，我大概知道是什么回事，但是要我真的详细讲

布满荆棘的人生/ 2022年06月07日 10:06/ 0 赞/ 320 阅读

相关实例对象和原型对象继承组合继承

<script> //一,实例对象中的属性和原型对象中的属性相同的问题 function Person(name, ag

秒速五厘米/ 2022年05月15日 04:41/ 0 赞/ 229 阅读

相关 JavaScript 原型对象、原型链继承简单理解，使用

![在这里插入图片描述][70] 非常简单的直接用代码说一下个人对原型对象的理解 <!DOCTYPE html> <html lang="en">

た入场券/ 2022年02月20日 09:38/ 0 赞/ 340 阅读

相关 js(面向对象，继承与原型对象)

一.定义：程序用来描述的生活中的具体事务（对象：是封装一个事物属性与功能的程序结构）；主要是用于大程序的维护二.创建面向对象 1.自定义对象直接量（创建对象）

今天药忘吃喽~/ 2021年12月15日 13:01/ 0 赞/ 344 阅读

相关 ES5中的类和静态方法继承（原型链继承、对象冒充继承、原型链+对象冒充组合继承）

<!doctype html> <html> <head> <meta charset="utf-8"> <meta n

港控/mmm°/ 2021年11月19日 13:34/ 0 赞/ 385 阅读