Javascript语法差异

Question

这两个有什么区别？

collapse: function(fold) 
{ 
... 
... 
} 

和

function collapse(fold) 
{ 
... 
... 
} 

Answer 1

对象文本的上下文中的第一个外是一个语法错误。

但是，我相信你问的是函数表达式和函数声明之间的区别。

您的第一个是函数表达式。您将一个匿名函数分配给一个变量。它的变量定义是，将悬挂到其作用域的顶部，但不是该函数的赋值。

第二个是函数声明。它的整个身体悬挂在示波器的顶部。

一般而言，通常使用函数表达式，因为它更具表现力。如果你需要递归地调用它（或者为了更好的详细的栈跟踪），你可以给它一个名字，但是记住IE会把这个名字泄漏到外部作用域。

Further Reading。

Answer 2

第一个代码是唯一有效的产生property inside an object definition，就像这样：通过调用obj.collapse(fold);

第二个功能是使用简称

var obj = { 
    collapse: function(fold) 
    { 
    ... 
    ... 
    } 
}; 

这个函数会被称为collapse(fold);

至于var name = function() { ... }和function name() { ... }之间的差异请参阅：var functionName = function() {} vs function functionName() {}

Answer 3

第一种语法在对象上声明方法。第二个声明了一个常规函数。

Answer 4

第一个是无效的JavaScript，我假设你的意思是=而不是:。这在全球范围内是一样的，第一个使用匿名函数，第二个只是一些语法糖来命名函数。区别在于，在非全局范围中，首先会在全局范围内生成一个函数，第二个将在最近的范围中创建（对于第一个示例，使用var x = function() {}的效果相同）。

Answer 5

第一个问题是无论当前对象是什么（或者如果没有当前对象，那么它将会出错）并为其分配函数，都会创建一个名为“collapse”的属性。该函数只能通过其相关对象访问，方法是调用obj.collapse();的行。

第二个是在全局名称空间中创建一个名为“collapse”的函数（即作为window上的一个属性）。该功能可以在任何地方通过做collapse();来调用。