美文网首页
编程大白话之-构造函数对象(实例、原型、原型链)

编程大白话之-构造函数对象(实例、原型、原型链)

作者: Han涛_ | 来源:发表于2019-07-07 19:24 被阅读0次

今天和大家一起来聊聊构造函数,在我们js编程中构造函数常常被我们用到。之所以被我们所青睐是因为它本身有着一套逻辑可以让我们直接拿来使用,今天说一下我眼中的构造函数和实例、原型及原型链的关系。

构造函数,原型对象,实例对象三者之间的关系

每创建一个函数,该函数都会自动带有一个prototype属性。该属性是一个指针,指向与其关联的原型对象,(后期我们可以使用这个原型对象帮助我们在js中实现继承).

通过调用构造函数产生的实例对象,都拥有一个内部属性__ poroto __,指向了与其关联的原型对象。能够访问原型对象上的所有属性和方法。

原型对象上默认有一个属性constructor,该属性也是一个指针,指向与其相关联的构造函数。另一个属性__ poroto __,指向上一级的Object的原型对象。

下面我们来看一个图

无标题.png

总结:三者的关系是,每个构造函数都有一个原型对象,原型对象上包含着一个指向构造函数的指针,而实例都包含着一个指向原型对象的内部指针。通俗的说,实例可以通过内部指针访问到原型对象,原型对象可以通过constructor找到构造函数。

说到原型我们就要了解一下什么原型链

每一个构造函数的原型对象都可以通过,自带属性__ poroto __找到自己的上一级Object的原型对象,而Object原型对象再向上找时会返回null。意思就是到了尽头没有可继续追溯的内容了。

从实例开始到null 位置,层层指向的原型,所形成的链条就是原型链

BCF1A7A088194E73A29020B2F2E7CA9C.jpg

那么下面我们假设有两个构造函数的实例,路人甲和路人乙,他们都互不相关,路人甲的原型上有很多的方法,可路人乙却没有。如何能让路人乙使用路人甲原型对象中的方法呢?

改变构造函数的原型指向,让它指向其他构造函数,这样实例就可以继承其他原型上的方法。

function Jia(name) {
            this.name = name;
        }
        Jia.prototype.name = '路人甲原型的方法';
        
        function Yi(name) {
            Jia.call(this,name);
        }
        Yi.prototype = new Jia('我是路人甲');

        var yi = new Yi('我是路人乙');
        console.log(yi);

打印的结果:

捕获2.PNG

结果中我们可以看到路人乙通过自带属性__ poroto __找到的是路人甲的构造函数,并且可以查看到原型上的方法。

相关文章

  • prototype

    原型链 创建对象有几种方法 对象字面量 通过构造函数 Object.create 原型、构造函数、实例、原型链 函...

  • 继承

    原型链 将一个构造函数的实例作为子构造函数的原型对象,这样,子构造函数的原型对象中会继承到父构造函数实例上的属性方...

  • js原型链/instanceof原理/new运算符

    1、对象的创建 2、原型、原型链、实例、构造函数的关系 prototype 表示原型对象,是区别于构造函数本身的...

  • 12.如何查找构造函数和原型的属性

    构造函数.prototype 查看构造函数的原型属性实例对象.ptoto 查看实例对象的构造函数的原型实例对象...

  • javascirpt复习

    实例中访问构造函数原型的指针,指向的是构造函数原型,不是构造函数; 所以重写构造函数原型对象,【实例对象】访问还是...

  • 我眼中的JS原型链

    原型链的知识,涉及到构造函数(constructor)、实例(instance)、原型对象(prototype),...

  • js 原型 2019-12-15

    原型:constructor 构造函数、实例、原型对象三者之间的关系 原型链 原型对象中的this指向 扩展内置对...

  • 深入浅析js原型链和vue构造函数

    一、什么是原型链?简单回顾下构造函数,原型和实例的关系: 每个构造函数(constructor)都有一个原型对象(...

  • JavaScript 常用继承方式

    JavaScript 常用继承方式 原型链继承构造函数,原型,实例之间的关系:每个构造函数之间都有一个原型对象,原...

  • javascript的6中继承方式

    一.原型链继承 首先,原型链是什么?每一个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都...

网友评论

      本文标题:编程大白话之-构造函数对象(实例、原型、原型链)

      本文链接:https://www.haomeiwen.com/subject/isqihctx.html