如何将函数作为方法添加到返回的数组？

Question

我有一个打算与new 构造函数一起使用的函数。它应该返回一个值为["Hello World"] 的数组，并包含函数作为方法。这是一个示例/演示（对不起，如果它有点难看）：

var my_object = function () {
  this.foo = function (data) { // alert and add new item
    alert(data);
    this.push(data);
  };

  this.bar = function () { // alert and remove last item
    alert(this.pop());
  };

  this.baz = function (stuff) { // replace last item by running previous methods
    this.bar();
    this.foo(stuff);
  };

  var a = "Hello World";
  return [a];
};

var arr = new my_object(); // ["Hello World"]

正如预期的那样，arr 的值为["Hello World"]。但是，以下代码会产生错误：

arr.foo('some-text'); // "TypeError: arr.foo is not a function"

其他两个函数出现相同类型的错误。在不更改 Array.prototype、在函数外部创建方法或删除使用 new my_object() 初始化的能力的情况下，我能做些什么来完成这项工作？

注意：如果可能，请不要包含使用 jQuery 或其他外部库的答案。

Answer 1

正如cmets中提到的，这个链接有一些有价值的信息-> https://github.com/wesbos/es6-articles/blob/master/54%20-%20Extending%20Arrays%20with%20Classes%20for%20Custom%20Collections.md

使用它，您的代码可以像这样修改。 ->

当然这是ES6，在ES5 天内无法扩展数组..

在 Chrome instanceof 中，当映射按预期工作时，如果这是必需的，则不确定转译的代码是否可以在这里工作。例如，如果您单击此 sn-p 上的使用 Babel 预设，您将看到它失败，因此如果您希望它在旧浏览器上工作，即使已转译也可能是一个问题。

class my_object extends Array {
  foo(data) {
    alert(data);
    this.push(data);
  }

  bar() {
    alert(this.pop());
  }

  baz(stuff) {
    this.bar();
    this.foo(stuff);
  }

  constructor () {
    super("Hello World");
  }
};

var arr = new my_object(); // ["Hello World"]
arr.foo("some-text");

console.log(arr);

Answer 2

如果您不使用任何Babel 或其他可以安全转换代码的方法，请使用inheritance and the prototype chain。 JavaScript 默认不是面向对象的编程，而是假装 OOP。

在构造的情况下，您返回 ["Hello World"]，它是 array，不是 my_object 的实例。您可以返回 this 而不是 [a]。

此外，您没有任何可以引用的数组。当您使用 this 时，您在本地对象上工作，并且您可能有一个 TypeError: this.push is not a function。

我改进了你的情况。看看什么是返回，我使用 this 并引用 data 数组。

你好，李子！

改进的代码：

var my_object = function () {
  this.data = [];
  this.foo = function (data) { // alert and add new item
    alert(data);
    this.data.push(data);
  };

  this.bar = function () { // alert and remove last item
    alert(this.data.pop());
  };

  this.baz = function (stuff) { // replace last item by running previous methods
    this.bar();
    this.foo(stuff);
  };

  var a = "Hello World";
  return this;
};

var arr = new my_object(); // [object Object] - a my_object instance
console.log(arr)
arr.foo('some-text');