JavaScript 函数有不同的语法吗？

Question

可能的重复： JavaScript 中函数表达式与声明之间有什么区别？ 这种 JavaScript 语法我到现在为止还没见过，它到底有什么作用？

下面两种写法有什么区别一个函数？我见过两者都使用过，但我不确定哪一个是“正确的”。

function init() {

}


init: function() {

},

那么第二种写法有什么优点呢？

Answer 1

第二种形式只能在对象文字的上下文中使用：

var myNamespace = {
    func1: function () {
        // do something
    },

    func2: function () {
        // do something else
    },

    someValue = 5
};

第一种形式作为语句执行。它相当于：

var init = function () {
    // do something
};

Answer 2

第一个示例在全局范围内定义了一个函数，可以使用 init() 调用该函数。第二个定义了一个名为 init 的对象的属性，它是右侧的函数声明。

一般来说，第二个示例提供了一个较小的范围，您可以在其中执行该函数。

第一个示例允许您像这样调用函数：

init();

第二个示例更可能是这样：

var thing = function() {
    init: function() { }
};

thing.init();

Answer 3

尝试

init: function (){

}

在编写对象字面量时始终使用：。

当您尝试处理全局函数时，请将其设置为 var，因此：

var init = function(){

}

请记住，每个函数都有其位置，但我个人喜欢为我正在处理的项目编写命名空间并使用对象文字。

现在，只有在设置对象后，这两个功能才在对象中可用。另一种方法有点草率，现在很少使用，但无论操作顺序如何都可以调用，因此可以在代码中设置它之前或之后调用它......同样，这在很多情况下被放弃。

function init(){

}

Answer 4

函数声明

function init() {

}

函数表达式

var init = function() {

};

主要区别与 JavaScript 中的变量提升有关。您可以在这里阅读更多信息： http://www.adequatelygood.com/2010 /2/JavaScript-范围和提升 和 http://javascriptweblog.wordpress.com/2010/07/ 06/function-declarations-vs-function-expressions/

通过您的示例，我相信您也对在 object 中定义匿名函数感兴趣文字。这是一个示例：

//obj is the object name
var obj = {
    //init is the property name or key and the anonymous function is the value
    init: function() {
    },
    anotherProp: 'some value'
};

这将像这样使用：

obj.init();
alert(obj.anotherPorp);

在对象字面量中，使用 key: value 语法定义对象的不同属性，并使用逗号分隔它们。

我建议您阅读这个关于 JavaScript 的免费系列 http://learn.appendto.com/lessons，它将为您解答许多此类问题，并为您成为 JS 开发人员奠定坚实的基础。