原型链和原型继承

雨点打透心脏的1/2处 2022-12-10 10:17 316阅读 0赞

**原型链的概念**

当调用一个对象的方法或者属性时，他会现在自身找对应的方法和属性，如果没找到就会去prototype上去找，如果没找到，就会去prototype原型对象的\_\_proto\_\_上去找，以此类推，原型链顶层Object.prototype结束。从而形成了“原型链”

<script>
            // 构造函数
            function Fu(name,age,sex){
                 this.name=name
                 this.age=age
                 this.sex=sex
            }
            //  原型对象
            Fu.prototype.public="灵长类生物"
    
            Fu.prototype.sayHello=function(){
                console.log(this.name)
            }
            // 实例化对象
            let father=new Fu("父亲","男",18)
            father.sayHello()//{name: "郭栋", age: "男", sex: 18}
            console.log(father)//父亲
            
            // 构造函数
            function Zi(name,age,sex,skill){
                Fu.call(this,name,age,sex)
                this.skill=skill
            }
            //将父类的实例化对象赋值给子类的原型对象，那么子类的原型对象就包含了一个指向父类实例化对象的指针，父类实例化对象右包含了一个指向父类原型对象的指针，那么这样子类就可以继承到父类原型对象下的方法。
            Zi.prototype=new Fu()
            // 经过上一步将父类的原型对象赋值给子类的实例化对象，影响到了子类的构造函数的prototype指向(本应指向父类的原型对象)
            console.log(Zi.prototype)//此处子类原型对象的prototype指向了父类的构造函数   
            //修改子类的
            Zi.prototype.power=function(){
                console.log(this.skill)
            }
            let son=new Zi("儿子","男",8,"跑步")
            son.sayHello()
            son.power()
            console.log(son)
        </script>

发表评论取消回复

表情：

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

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

相关阅读

相关原型和原型链

一、构造函数构造函数模式的目的就是为了创建一个自定义类，并且创建这个类的实例。构造函数模式中拥有了类和实例的概念，并且实例和实例之间是相互独立的，即实例识别。构造函

╰+哭是因爲堅強的太久メ/ 2023年07月24日 03:11/ 0 赞/ 3 阅读

相关原型链继承

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

不念不忘少年蓝@/ 2023年07月16日 03:37/ 0 赞/ 77 阅读

相关 js中的原型链和原型链继承

先用一张图来解释一下原型链的结构： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

分手后的思念是犯贱/ 2023年06月30日 05:23/ 0 赞/ 93 阅读

相关原型原型链继承

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

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

相关原型链和原型继承

原型链的概念当调用一个对象的方法或者属性时，他会现在自身找对应的方法和属性，如果没找到就会去prototype上去找，如果没找到，就会去prototype原型对象的\_\_

雨点打透心脏的1/2处/ 2022年12月10日 10:17/ 0 赞/ 317 阅读

相关原型和原型链

这几天一直在学习js的继承。感觉有了一个比较清晰的认识。不过要想深刻理解，最好的方式就是输出出来。其实对于这篇来说，懂的人不用看。不懂的人，看了也不会立即理解。不过，仍希望看

àì夳堔傛蜴生んèń/ 2022年10月01日 05:45/ 0 赞/ 271 阅读

相关 Javascript中的原型、原型链、继承

原型链和基于原型链的继承原型要了解原型链，我们得先来了解原型每个函数（构造）被创建时，系统会自动为这个构造函数创建并关联一个空的对象，这个空的对象就是

落日映苍穹つ/ 2022年06月15日 02:07/ 0 赞/ 397 阅读

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

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

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

相关 JavaScript原型、原型链、原型式继承

JavaScript原型、原型链、原型式继承原链接https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/O

曾经终败给现在/ 2022年02月03日 01:37/ 0 赞/ 496 阅读

相关 js继承和原型以及原型链

继承继承是指一种关系,是类与类之间的关系, 但是js中没有类这个概念,js是通过构造函数模拟类. 然后通过原型来实现继承继承也是为了数据共享原型作

待我称王封你为后i/ 2021年12月04日 04:53/ 0 赞/ 469 阅读