javascript （对象继承）原型链

青旅半醒 2022-07-17 03:56 292阅读 0赞

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

JS中的继承，子函数通过把父函数实例化实现的。

如以下代码：

function SuperType111(){
        this.property=true;
    }
    
    SuperType111.prototype.getSuperValue = function(){
        return this.property;
    };
    
    function SubType222(){
        this.subproperty = false;
    }
    
    SubType222.prototype = new SuperType111();
    
    SuperType111.prototype.getSubValue = function(){
        return this.subproperty;
    };
    
    var instance = new SubType222();
    
    console.log(instance.getSuperValue());

instance 继承 了SubType222 ，SubType222集成父函数SuperType111

继承的原理：基于原型的搜索机制：当以读取模式访问一个实例属性时，首先会在实例中搜索该属性，如果没有找到该属性，则会继续搜索实例的原型。

而在以上用例得实际上，不是SubType222的原型constructor属性被重写了，而是SubType的原型指向了一个另外一个对象的SuperType的原型。

原型链的最末端是Object对象的原型对象。

因此，在原型链的关系中，可以说instance是Object，SuperType111 ,SubType222 任何一个类型的实例，用instanceof能判断。

值得注意的是：当子类型又需要重写超类中的某个方法，或者需要添加超类型中不存在的方法，添加方法的代码必须放在替换原型的语句之后。

原型链固然好用，可以用他来继承，但是也存在问题，就是如果子函数对其原型链上的属性进行修改的时候，会影响到超类型的属性，因为他们指针所指的地方是同一个。

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 JavaScript 原型与继承链

Javacript中的函数只有在需要引用到原型时，才具有构造器的特性。而且函数的构造器总是一个标准的，系统内置的Object()构造器的实例，不过该实例创建后construct

喜欢ヅ旅行/ 2022年10月01日 01:51/ 0 赞/ 242 阅读

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

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

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

相关 javascript 原型链继承

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

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

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

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

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

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

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

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

相关图解JavaScript原型链继承

JavaScript是基于原型链的继承的，忘掉类的继承，从原型链入手。普通对象函数对象 JavaScrip只有一种结构：对象通过new Functio

小灰灰/ 2022年03月14日 13:22/ 0 赞/ 380 阅读

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

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

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

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

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

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

相关 javascript的继承——原型链继承

原型链继承方式： Son.prototype = new Father(); 原型链继承的几个特点： 1. 父类构造函数中的属性和方法都可以被子类继承； 2. 父类原

电玩女神/ 2021年12月09日 04:17/ 0 赞/ 504 阅读