javascript - 关于 Javascript 中的对象方法

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 6 年前。

Improve this question

我正在尝试创建一个类方法，但我不知道我在这里做错了什么。这是我的代码

var Invoice = function(title) {
this.title = title;

this.addItem = function addItem(item_name) {
  console.log("Hello, you added " + item_name);
};

invoice = new Invoice("Video games")
invoice.addItem('Xbox 360');

我收到以下错误:

TypeError at line undefined: invoice.addItem is not a function

Answer 1

简单的拼写错误，这说明了为什么正确的缩进至关重要:

var Invoice = function(title) {
    this.title = title;
    this.addItem = function addItem(item_name) {
         console.log("Hello, you added " + item_name);
    };
};  //you were not closing your constructor

您可以而且可能应该使用prototype。

var Invoice = function(title) {
    this.title = title;
};
Invoice.prototype.addItem = function(item_name){
     console.log("Hello, you added " + item_name);
};

有关差异的详细说明，请参阅 JS - why use prototype

或者在 ES6 中，使用一个类:

class Invoice {
     constructor(title){
         this.title = title;
     }
     addItem(item_name) {
          console.log("Hello, you added " + item_name);
     }
}

如果您的发票是节点模块，并且您的问题由串联代码组成，请不要忘记添加:

module.exports = Invoice;

因此您可以在任何地方需要它。

在所有这些情况下，调用都是以相同的方式完成的:

let invoice = new Invoice("Video games") //or var if ES5
invoice.addItem('Xbox 360');