如何将嵌套地图假设为原型？

Question

const Box = {
  pick: function(...fruits) {
    this.fruits = "You've picked the fruits " + fruits;
  $('span[data-count]').text(this.fruits);
  }
}
var Box2 = Object.create(Box);
Box2.prototype.newMethod = function() {
  $('span[data-count]').text(this.fruits);
}
Box2.pick('Apple'); // Prototype?
Box.pick('Orange', 'Mango', 'Blueberry'); // Original

* {
  background-color: lightblue;
}
span {
  font-size: 2rem;
  font-family: 'Helvetica';
}

<span data-count></span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

https://codepen.io/o22/pen/bZVWOJ

我无法通过使用 prototype 属性.

获取 const Box 内部的函数 pick

假设 pick 到 Box2 直接工作正常。但是当我在代码中输入 Box2.prototype.newMethod 时浏览器会引发错误。

我的目标是使用 prototype 属性创建新方法并访问 pick 函数。

我该怎么做？

Answer 1

prototype属性是构造函数特有的，不是的原型对象本身。（如果你想获得对象的原型，你会使用 Object.getPrototypeOf [你可能还会看到使用已弃用的 __proto__ 访问器属性的代码；不要在新代码中使用它].)

您的 Box2 不是构造函数，它只是一个对象。所以如果你想添加一个新的方法，你直接这样做：

const Box = {
  pick: function(...fruits) {
    this.fruits = "You've picked the fruits " + fruits;
  $('span[data-count]').text(this.fruits);
  }
}
var Box2 = Object.create(Box);
Box2.newMethod = function() {
//  ^---- no .prototype here *********************************
  $('span[data-count]').text(this.fruits);
}
Box2.pick('Apple'); // Prototype?
Box.pick('Orange', 'Mango', 'Blueberry'); // Original

Box2 将拥有自己的 newMethod，并将继承其原型 (Box) 的 pick。

更简单的例子：

const a = {
  method1() {
    console.log("this is method1");
  }
};
const b = Object.create(a);
b.method2 = function() {
  console.log("this is method2");
};

b.method1();
b.method2();

作为一个小的改进，当定义一个具有特定原型的对象和您想要添加的一些方法时，Object.assign 相当方便：

const a = {
  method1() {
    console.log("this is method1");
  }
};
const b = Object.assign(Object.create(a), {
  method2() {
    console.log("this is method2");
  }
});

b.method1();
b.method2();

由于这些不是构造函数，因此 JavaScript 中 非常普遍的 惯例是不将它们大写。所以 box 和 box2，而不是 Box 和 Box2。

如何将嵌套地图假设为原型？

How to assume a nested map as a prototype?

html

javascript

struct

prototype

data-structures