在 JavaScript 中实例化新对象

Question

我可能缺少一些关于 javascript 的基本知识，但是为什么这不起作用呢？

var person = {

    name:"",
    age:0,

    set : function(name,age){
        this.name = name;
        this.age = age;
    }
}

var me = new person; // ERROR: Object doesn't support this action!
me.set('Victor',12);
me.name //Victor

---

但这确实：

var person = function(){

    this.name="";
    this.age=0;

    this.set = function(name,age){
        this.name=name;
        this.age=age;
    }
}

var me = new person(); //WORKS!
me.set('Victor',12);
me.name; //Victor

Answer 1

您的第一个示例是对象文字：

var person = {
    name: "Bob",
    //etc
};

您创建了一个名为 person 的对象，仅此而已。创造新人的概念没有任何意义。

如果您想创建可用于随意创建更多对象的东西，您可以使用一个函数，就像第二个示例一样。

但请注意，按照惯例，打算用作构造函数的函数以大写字母开头。另请注意，当您在构造函数内部设置函数时，使用

this.functionName = function() .....

此函数会创建一个特权函数，因为它可以访问公共和私有成员。如果此设置函数仅需要访问公共属性，则通常会将其添加到函数的原型中。整个事情可能是这样的

function Person() {
    this.name = "";
    this.age = 0;
};

Person.prototype.set = function(name,age) {
    this.name = name;
    this.age = age;
}

特权方法可能是这样的

function Person() {
    var localData = "Hello";

    this.showPrivateData = function() {
        alert(localData);
    };

    this.name="";
    this.age=0;
};

localData 是 Person 函数的本地方法，并且不能作为 Person 实例上的属性进行访问；但是，showPrivateData 函数以及您可能添加的任何其他特权函数将在其上形成一个闭包，并可以访问它。

最后，请注意构造函数可以带参数：

function Person(name, age) {
    this.name= name;
    this.age= age;
};

Answer 2

你回答你自己的问题。构造函数（new 后面的内容）必须是 JavaScript 中的函数。

Answer 3

JavaScript 没有类（尽管您可以模拟它们），这就是原因。并且 new 仅适用于函数（在本例中，它在函数内部创建特殊变量 this，该变量在函数调用后隐式返回）。

因此，当使用它时：

var person = {
    name:"",
    age:0,
    set : function(name,age){
        this.name = name;
        this.age = age;
    }
};

您已经创建了一个对象（该对象具有一个函数作为其属性之一）。

但是，当您使用 this 时：

var person = function(){
    this.name="";
    this.age=0;
    this.set = function(name,age){
        this.name=name;
        this.age=age;
    }
};

您仅创建函数，当使用 new 调用该函数时，该函数会返回 this 以及所有分配的属性。

文档内容

作为 Mozilla 上的 new 运算符的文档开发者网络 说：

new 运算符创建用户定义的对象类型或具有构造函数的内置对象类型之一的实例。

...

创建用户定义的对象需要两个步骤：

• 通过编写函数定义对象类型。
• 使用new创建对象的实例。

在第二种情况下，您基本上执行了这两个步骤。

Answer 4

第一个版本使用对象文字来创建分配给 person 的单个对象实例。它不能像带有 new 的构造函数一样使用来从 person 创建其他对象。

第二个版本使用一个函数，可以将其作为构造函数调用，以使用 new person() 创建新对象。

这就是 new 在 JavaScript 中的工作方式。本质上，如果您希望能够从模板创建多个实例（类似于其他语言中的类的工作方式），请使用 new FunctionName() 语法。如果您只需要创建特定对象的单个实例，则可以使用第一种语法。

请注意，在第一个版本中，您可以说：

person.set('Victor',12);
alert(person.name); // 'Victor'

另请注意，如果您要创建一个旨在用作构造函数的函数，则约定是使用大写字母作为其名称的第一个字母（或中每个单词的第一个字母）姓名）。