使用 var 和使用 function 声明 javascript 对象有什么区别？

Question

我是一个迷茫的新手。我在教程中读到，您像这样创建了一个 javascript 对象：

function myObject() {
    this.myProperty = "a string";
    this.myMethod = function () {
        //Method code
    }
}

然后我在其他地方读到，您像这样创建了一个对象：

var myObject = {
    myProperty: "a string",
    myMethod : function () {
        //Method code
    }
}

两者之间的（非主观）区别是什么？官方有正确的方法和错误的方法吗？

Answer 1

两种声明都是正确的，但它们具有不同的语义。

第一种类型的声明允许您创建对象的实例：

var t = new myObject();
// then use t
t.myProperty = "some value";

var otherT = new myObject();
otherT.myProperty = "some other value";

第二种类型几乎就像一个静态对象：

myObject.myProperty = "some value";

Answer 2

这是一个直接比较...

function myObject() {

这在解析 JavaScript 时声明了函数...

var myObject = function () {

这在运行时声明了函数。

如果您使用“var”方法，则必须在使用它之前声明您的函数...尝试这个示例。

myFunction(); // Works
myVarFunction(); // Boom

var myVarFunction = function () { alert("Hi"); };

function myFunction() { alert("Hi"); };

那么，如果必须更加小心地使用“var”方法，为什么要使用它呢？这都与作用域有关...作用域函数被认为更好。

更新：这里有一些很好的解释：

var functionName = function() {} vs 函数 functionName() {}

Answer 3

两者之间的主要区别在于，一个变量是局部变量，另一个是全局变量。 “var”基本上定义了变量的范围。

当我们将 var 添加到变量值赋值时，javascript 会确保该变量仅限于分配给它的任何函数，并且不会与另一个函数中的同名变量发生冲突。

当我们不使用 var 时，它会被声明为全局函数，并且可能会发生冲突。因此，建议在变量赋值之前使用“var”。如果需要，请使用匿名函数进行关闭。