【深入JavaScript】Object.create()底层实现

js 同时被 3 个专栏收录
16 篇文章 0 订阅
18 篇文章 0 订阅
16 篇文章 0 订阅

深入JavaScript

Object.create()底层实现

首先我们来看一下Object.create()创建出来的东西长什么样子?

在这里插入图片描述

此时我们通过console.dir()打印一下Person:

在这里插入图片描述

我们会发现这不就是Person吗?

于是我们尝试封装一个Object.create()

function myCreate(father){
    const obj = {};
    obj.__proto__ = father;
    return obj;
}

在这里插入图片描述

我们发现它就是这样写的,懂引用类型特性的人应该都知道这样用的就是同一个引用类型值了:

在这里插入图片描述

缺点:

  1. 同一引用值问题
  2. 无法拿到函数内部this的值,因为Object.create直接就将对象的__proto__赋值为父类了

优点:

  1. 返回出来的对象instanceof为true

    因为instanceof的底层是拿到对象的__proto__然后去判断的,所以根据它的这个底层我们也能直到instanceof的缺点

官方文档使用案例是将父类的prototype传入子类的prototype接收

在这里插入图片描述

但是缺点和实现代码是没错的

记得将子类的constructor赋值成自己因为它底层只是将prototype变成了另一个对象

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值