我只是想知道以下 JavaScript 对象声明之间的区别。具体来说，thing object literal 和 thing class 中的 thing1 object 之间的区别。

代码:

var thing = {
    sanity:0,
    init:function(){
        //code
    },
    send:function(){
        //code
    }
}

function thing(){
    this.sanity = 0;
    this.init = function(){
        //code
    };
    this.send = function(){
        //code
    };
}

thing1 = new thing();

最佳答案

静态对象/对象文字

静态对象或对象文字不需要使用 new 运算符进行实例化，并且表现得像单例。考虑以下示例:

代码:

var staticObject1 = {
 a: 123,
 b: 456
};
var staticObject2 = staticObject1;
console.log(staticObject1, staticObject2);
staticObject2.b = "hats";
console.log(staticObject1, staticObject2);

输出:

Object a=123 b=456  Object a=123 b=456
Object a=123 b=hats Object a=123 b=hats

请注意，更改 staticObject2.b 也会影响 staticObject1.b。然而，这可能并不总是期望的效果。许多库(例如 Dojo)提供了一种对象克隆方法，如果您想复制静态对象，可以缓解这种情况。继续前面的示例，考虑以下内容:

代码:

var staticObject3 = dojo.clone(staticObject1); // See the doc in the link above
staticObject1.a = "pants";
console.log(staticObject1, staticObject2, staticObject3);

输出:

Object a=pants b=hats Object a=pants b=hats Object a=123 b=hats

请注意，staticObject1 和 staticObject2 的成员值相同，而 staticObject3 不受这些其他对象更改的影响.

静态对象对于创建项目或库命名空间也很有用，而不是填充全局范围，并且可以像无人问津一样促进兼容性。

这在创建需要可移植性或互操作性的库时很有用。这可以在流行的库中看到，例如 Dojo、YUI 和 ExtJs，其中所有或大多数方法都称为 dojo.examplMethod()、YUI().exampleMethod() , 或 Ext.exampleMethod() 分别。

静态对象也可以被认为与 C/C++ 中的 struct 大致相似。

类构造函数/实例化对象

JavaScript 中的类基于原型(prototype)继承，这是一个复杂得多的主题，可以阅读有关 here 、 here 和 here 的内容。

与静态对象相反，由于 JavaScript 的 closuer 属性，这种对象创建方法为私有(private)范围对象成员和方法提供了独特的机会。考虑以下私有(private)类成员的示例:

代码:

var SomeObject = function() {
    var privateMember = "I am a private member";
    this.publicMember = "I am a public member";

    this.publicMethod = function() {
        console.log(privateMember, this.publicMember);
    };
};

var o = new SomeObject();
console.log(typeof o.privateMember, typeof o.publicMember);
o.publicMethod();

输出:

undefined string
I am a private member I am a public member

请注意 typeof o.privateMember 是“未定义的”并且在对象外部不可访问，但可以从内部访问。

也可以创建私有(private)方法，但不是那么直接，但实现起来仍然很简单。问题在于私有(private)方法中 this 的值默认为 window 并且必须应用两种技术之一来确保 this指的是我们正在处理的对象，在本例中是 SomeObject 的实例。考虑以下示例:

代码:

var SomeObject = function() {
    var privateMember = "I am a private member";
    var privateMethod = function() {
        console.log(this.publicMember);
    };

    this.publicMember = "I am a public member";
    this.publicMethod = function() {
        console.log(privateMember, this.publicMember);
    };
    this.privateMethodWrapper = function() {
        privateMethod.call(this);
    }
};

var o = new SomeObject();
console.log(typeof o.privateMethod, typeof o.publicMethod, typeof o.privateMethodWrapper);
o.privateMethodWrapper();

输出:

undefined function function
I am a public member

请注意，使用 privateMethodWrapper() 时，privatemethod 是使用 call 执行的，并传入 this 作为函数的语境。这一切都很好；但是，以下技术更可取(在我看来)，因为它简化了调用范围并产生相同的结果。前面的示例可以更改为以下内容:

代码:

var SomeObject = function() {
    var self          = this;
    var privateMember = "I am a private member";
    var privateMethod = function() {
        console.log(self.publicMember);
    };

    this.publicMember = "I am a public member";
    this.publicMethod = function() {
        console.log(privateMember, this.publicMember);
    };
    this.privateMethodWrapper = function() {
        privateMethod();
    }
};

var o = new SomeObject();
console.log(typeof o.privateMethod, typeof o.publicMethod, typeof o.privateMethodWrapper);
o.privateMethodWrapper();

输出:

undefined function function
I am a public member

这个答案是我在 blog 上发帖的基础，我在其中提供了更多示例。希望有所帮助；)

关于javascript - JavaScript 中的 var thing 和 function thing() 有什么区别？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1704618/