我可以在对象中创建方法吗？

Question

我之前看到过这段代码，但不知道什么意思：

var person1 = {
    toLocaleString : function(){
      return "Nikolaos";
     },
    toString : function(){
      return "Nicholas";
    }
}

var person2 = {
   toLocaleString : function(){
      return "bum";
   },
   toString : function(){
       return "Greg";
   } 

}

var people = [person1, person2];
alert(people.toString());
alert(people.toLocaleString());

该函数是用toLocaleString和toString的方法创建一个对象吗？？还是...？？

Answer 1

该代码做了三件事：

1. 使用对象字面量语法创建对象实例
2. 使用匿名函数表达式创建函数并将它们绑定到对象的属性。 （函数是 JavaScript 中的第一类对象，因此您可以保留对它们的引用、传递引用等。）
3. 具体来说，它重写了所有 JavaScript 对象从 Object 原型继承的两个标准函数。

让我们把它分解一下。

1) 对象字面量表示法：

var obj = {propName: propValue};

本例中的 { 和 } 表示一个对象字面量。在对象字面量中，您可以编写 propName: propValue 将 propValue 分配给对象上名为 propName 的属性。这与：

var obj = {};             // Get an empty object
obj.propName = propValue; // Add a property to it

您可以执行用逗号分隔的多个属性。例如：

var obj = {
    author: "Douglas Adams",
    title:  "The Hitchhiker's Guide to the Galaxy",
    answer: 42
};

创建一个具有三个属性的对象，两个属性具有字符串值，一个具有数字值。

请注意，右侧的处理方式与赋值一样，因此可以是出现在赋值语句右侧的任何内容：

var x = "bar";
var obj = {
    three: 1 + 2,
    fubar: "foo " + x
};

如果您愿意，可以将属性名称放在引号中：

var x = "bar";
var obj = {
    "three": 1 + 2,
    "fubar": "foo " + x
};

...这是可以方便地指定具有保留标记（如“if”或“return”）或以前保留的标记（如“class”）名称的属性，如果它们不在引号中，则会出现语法错误。

2）现在让我们看一下函数表达式：

var f = function() { /* your code here */ };

这是一个函数表达式。它创建一个新函数并将对其的引用分配给变量f。您可以通过调用f()来调用它。

var f = function(name) {
    alert("Hi " + name);
};
f("Fred"); // alerts "Hi Fred"

1 + 2）因此将其与对象文字表示法放在一起：（

var obj = {
    foo: function(name) {
        alert("Hi " + name);
    }
};
obj.foo("Fred"); // alerts "Hi Fred"

我不喜欢匿名函数， 我更喜欢我的函数有名称，但那是另一个话题了。）

3）最后：正如 maerics 指出的，该代码中使用的特定函数是 toString和toLocaleString，两者都是JavaScript对象的标准函数。这意味着这些将覆盖标准版本，因此每当调用标准函数时都会返回给定值。

Answer 2

toString() 和 toLocaleString() 方法由 规范语言。因此，数组（例如存储在“people”变量中的数组）似乎通过分别返回每个元素的字符串或“区域设置字符串”值来实现这些方法（至少在我们正在测试的网络浏览器中）。

也就是说，Array 类 toString 和 toLocaleString 方法必须通过以下方式实现：

Array.prototype.toString = function() {
  var a = [];
  for (var i=0; i<this.length; i++) {
    a[i] = this[i].toString(); // Note "toString".
  }
  return a.join(",");
}

Array.prototype.toLocaleString = function() {
  var a = [];
  for (var i=0; i<this.length; i++) {
    a[i] = this[i].toLocaleString(); // Note "toLocaleString".
  }
  return a.join(",");
}