javascript - json继承JS对象怎么写方便？

问题描述

问 题

例如：

function obg(){
    this.name = '默认'
}

var boom = {
    "url":"http://xxx.cc/xxxx"
}

我的需求是把boom继承new 一个obg对象里的所有属性，能吗？

解决方案

首先要理解继承在JS里的实现方式, 在JS中, 判断一个对象object是否为某个构造函数constructor的实例的操作符operator是instanceof, 其逻辑是判断object的内部属性[[Prototype]]链上是否存在constructor的prototype属性. 也就是说, 这个判断会循环进行以下操作:

1. 获取object的[[Prototype]]属性作为新object

2. 如果这个新object为null, 则返回false

3. 如果constructor.prototype与这个新的object是同一个对象, 则返回true

这个内部属性[[Prototype]]通过__proto__暴露给了用户程序, 因此可以通过修改__proto__属性来达到继承的目的:

function extend(_ctor, _super) {
  // 直接显式修改
  _ctor.prototype.__proto__ = _super.prototype
  // 隐式修改(不直接操作`__proto__`属性)
  function temp() {
    this.constructor = _super
  }
  temp.prototype = _super.prototype
  _ctor.prototype = new temp()
}

// 使用
function Super() {}
function Ctor() {
  Super.call(this)
}
extend(Ctor, Super)

需要注意的是Error等built-in对象用这种方式无法实现继承, 得加一些额外的操作, 具体可以参考一下 https://github.com/Microsoft/...

对于你问题里面的需求, 只能通过直接修改__proto__的方式来实现:

boom.__proto__ = obg.prototype // 这一步已经实现了继承(boom instanceof obg === true)
obg.call(boom) // 这里还需要初始化一下对象
boom.constructor = obg

这篇关于javascript - json继承JS对象怎么写方便？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！