原型链和原型继承

雨点打透心脏的1/2处 2022-12-10 10:17 238阅读 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 条评论，238人围观）

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

相关阅读

相关原型链和原型继承

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

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

相关原型和原型链

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

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

相关 javascript 原型链继承

JavaScript中没有类的概念,只有一个构造函数来创建对象。但是JavaScript也可以实现继承。首先要说的是,JavaScript中的对象分为函数对象和普通对象

- 日理万妓/ 2022年07月13日 11:50/ 0 赞/ 335 阅读

相关继承与原型链

原文链接：[点击打开链接][Link 1] 对于那些熟悉基于类的面向对象语言（Java 或者 C++）的开发者来说，JavaScript 的语法是比较怪异的，这是由

Myth丶恋晨/ 2022年07月13日 03:30/ 0 赞/ 215 阅读

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

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

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

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

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

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

相关继承与原型链

JavaScript通过prototype继承属性与方法，一个原型对象也有原型这样就构成了原型链。函数、原型、实例之间的关系大概是这样的：通过构造函数可以生成实例，实例和构

痛定思痛。/ 2022年03月09日 17:59/ 0 赞/ 285 阅读

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

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

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

相关 js 原型链继承

构造函数的`prototype`的`__proto__`默认指向`Object.prototype`，是继承`Object`。 function Animal(age

柔光的暖阳◎/ 2021年12月15日 06:19/ 0 赞/ 411 阅读

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

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

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