美文网首页
白话释义原型链相关概念

白话释义原型链相关概念

作者: 开心兔1号 | 来源:发表于2019-03-26 16:34 被阅读0次

1、每创建一个构造函数(Person)都有一个prototype属性,这个属性是一个指针,指向一个对象,称该对象为原型对象。原型对象上默认有一个属性constructor,该属性也是一个指针,指向其关联的构造函数。通过调用调用构造函数创造的实例对象person,都拥有一个内部属性proto,改属性指向原型对象,并且能访问原型对象上的所有属性和方法。

        function Person(){}
        Person.prototype.name = '小白兔';
        Person.pro
        var person = new Person();
        Person.prototype.constructor === Person;  //true
        person.__proto__ === Person.prototype;  //true
        person.name; //小白兔
        person.sayName(); //我的名字是:小白兔 

2、如果这个原型对象又是其他构造函数Man的实例,所以Person.prototype.proto指向Man.prototype,实例person也访问Man原型对象上的所有属性和方法,如果Man原型对象又是Bbb的实例,所以Man的原型对象上也有一个proto指向Bbb的原型对象……以此类推,最后一个函数Ddd的原型对象的proto属性Object.prototype,Object的原型对象的proto属性指向null,这边是原型链的终点。person可以访问原型链的所有原型对象的属性和方法。

       function Man(){}
       Man.prototype.age = 22;
       Man.prototype.showAge = function(){
           console.log('我的年龄是:'+this.age);
       }
       Person.prototype = new Man();
       var person = new Person();
       person.showAge(); //我的年龄是:22 //访问到了原型链上的函数和属性
       Person.prototype.__proto__ === Man.prototype; //true
       Man.prototype.__proto__ === Object.prototype; //true
       Object.prototype.__proto__ === null; //true  //原型链的终点

3、所有函数,不管是构造函数,还是普通函数,都有一个proto属性指向Function的原型对象,可以使用Function的原型对象上的所有方法和属性,Function原型对象有一个proto属性指向Object.prototype,所有函数可以使用Function原型对象上的所有属性和方法,也可以使用Object原型对象上的所有方法。
构造函数和普通函数的区别:构造函数一般是首字母大写,普通函数都是小写。

      function Person() {}
      function eat() {}
      Person.__proto__ === Function.prototype; //true
      eat.__proto__ === Function.prototype; //true
      Function.prototype.__proto__ === Object.prototype; //true

4、只要 typeof '变量' 的结果是‘function’,那么 '变量'.proto === Function.prototype,
注意:typeof Object === ‘function’

    Object.__proto__ === Function.prototype;  //true

5、属性查找机制:我们想要查找某个对象的某个属性,如果我们没有在当前对象中找到,我们便沿着原型链向它的上一级查找,如果上级没有查找到,再一直向上,知道查到Object.prototype,如果还是没有,就返回undefined。

相关文章

  • 白话释义原型链相关概念

    1、每创建一个构造函数(Person)都有一个prototype属性,这个属性是一个指针,指向一个对象,称该对象为...

  • 2022前端高频面试题

    JS相关 1.原型和原型链是什么 原型和原型链都是来源于对象而服务于对象的概念js中引用类型都是对象,对象就是属性...

  • 再来看一次JS继承

    原型链继承 理解原型链的概念 用一张图来理解原型链再合适不过了。 总结概括JS红宝书上对原型链的概念:每个函数都有...

  • 图形解析【原型链】相关概念

    一、原型链概念: 函数的原型对象(prototype)原型对象的构造函数(constructor)内部原型(_pr...

  • 白话原型和原型链

    关于原型和原型链的介绍,网上数不胜数,但能讲清楚这两个概念的很少,大多数都是介绍各种对象、属性之间如何指来指去,最...

  • javaScript原型链

    javaScript原型链概念JavaScript之继承(原型链)数据结构var Person = functio...

  • JavaScript继承

    原型链 ECMAScript中描述了原型链的概念,并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用...

  • 原型链

    原型以及原型链等相关概念总是离不开构造函数。下面我们先从一个构造函数来看。 一、构造函数创建对象 通过new 构造...

  • 原型、原型链、继承 | JavaScript

    原型与原型链 基本概念 关于原型和原型链的知识,首先来理解下以下几个知识点: 所有引用类型(Object、Arra...

  • JS的__proto__和prototype

    最近在回顾JS的原型和原型链的知识,熟悉JS的同学都知道JS的继承是靠原型链实现的,那跟原型链相关的属性__pro...

网友评论

      本文标题:白话释义原型链相关概念

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