JS原型链

题目:创建对象有几种方法?
// 第一种方式:字面量
var o1 = {name: 'o1'};
var o2 = new Object({name: 'o2'});//也可以把这个放在下一类
// 第二种方式:构造函数
var M = function (name) { this.name = name; };
var o3 = new M('o3');
// 第三种方式:Object.create()
var p = {name: 'p'};
var o4 = Object.create(p);

这里写图片描述
Object.create()方法会使用指定的原型对象及其属性去创建一个新的对象。
o4本身是一个空对象,是不具备属性的,它是通过原型链来链接它的原型对象的。

构造函数-扩展
var a={}其实是var a=new Object()的语法糖;
var a=[]其实是var a=new Array()的语法糖;
funtion Foo(){...}其实是var Foo=new Function()的语法糖;
原型、构造函数、实例、原型链关系图

这里写图片描述

prototype__proto__的区别
  1. prototype是函数才有的属性。
  2. __proto__是每个对象都有的属性。(但是__proto__不是一个规范属性,只是部分浏览器实现了此属性,例如低版本的IE浏览器里面就没有实现。)
  3. 大多数情况下,__proto__可以理解为构造器的原型,即:__proto__ === constructor.prototype(通过Object.create()创建的对象不适用此等式,其__proto__属性直接指向传入Object.create()参数里面的那个对象。)
什么是原型链?
  1. 由于__proto__是任何对象都有的属性,而js里万物皆对象,所以会形成一条__proto__连起来的链条,递归访问__proto__必须最终到头,并且值是null
  2. 当js引擎查找对象的属性时,先查找对象本身是否存在该属性,如果不存在,会顺着__proto__在原型链上查找,但不会查找自身的prototype
instanceof原理

这里写图片描述

(1)判断实例对象里面的__proto__属性是否与构造函数里面的prototype属性指向的同一个地址。
(2)在该原理里面,这条原型链上的构造函数都是实例的构造函数。instanceof都会返回true
(3)example.__proto__.constructor===M:用constructor来判断是否是某个构造函数的实例,比用instanceof更加严谨。

new运算符原理
  1. 一个新对象被创建。它继承自foo.prototype
  2. 构造函数foo被执行。执行的时候,相应的参数会被传入,同时上下文(this)会被指定为这个新实例。new foo等同于new foo(),只能用在不传递任何参数的情况。
  3. 如果构造函数返回了一个对象,那么这个对象会取代整个new出来的结果。如果构造函数没有返回对象,那么new出来的结果为步骤1创建的对象。
      var new2 = function (func) {
          var o = Object.create(func.prototype);
          var k = func.call(o);
          if (typeof k === 'object') {
              return k;
          } else {
              return o;
          }
      };

这里写图片描述

参考资料:https://www.cnblogs.com/shuiyi/p/5305435.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值