在javascript中,什么时候你想使用这个:
(function(){
//Bunch of code...
})();
在这:
//Bunch of code...
在javascript中,什么时候你想使用这个:
(function(){
//Bunch of code...
})();
在这:
//Bunch of code...
当前回答
自执行函数用于管理变量的作用域。
变量的作用域是程序中定义变量的区域。
全局变量具有全局作用域;它在JavaScript代码中的任何地方都有定义,并且可以从脚本中的任何地方访问,甚至在函数中。另一方面,在函数中声明的变量只能在函数体中定义。 它们是局部变量,具有局部作用域,并且只能在该函数中访问。函数参数也算作局部变量,只在函数体中定义。
如下所示,您可以在函数中访问全局变量变量,并注意在函数体中,具有相同名称的局部变量优先于全局变量。
var globalvar = "globalvar"; // this var can be accessed anywhere within the script
function scope() {
alert(globalvar);
var localvar = "localvar"; //can only be accessed within the function scope
}
scope();
因此,基本上,自执行函数允许编写代码,而无需考虑其他javascript代码块中的变量如何命名。
其他回答
此方法用于闭包。有关闭包的更多信息,请阅读此链接。
由于Javascript中的函数是一等对象,通过这样定义它,它有效地定义了一个类似于c++或c#的“类”。
该函数可以定义局部变量,并在其中包含函数。内部函数(实际上是实例方法)可以访问局部变量(实际上是实例变量),但它们将与脚本的其余部分隔离。
简单。所以看起来很正常,几乎令人欣慰:
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
但是,如果我在我的页面中包含一个非常方便的javascript库,它可以将高级字符转换为基本级别表示呢?
等待……什么?
我的意思是,如果有人输入一个带有某种口音的字符,但我只想在我的程序中输入“英语”字符a - z ?嗯…西班牙语的“ñ”和法语的“é”可以翻译成基本字符“n”和“e”。
所以有人写了一个全面的字符转换器,我可以包括在我的网站…我把它包括在内。
有一个问题:它有一个名为“name”的函数,与我的函数相同。
这就是所谓的碰撞。我们在同一个作用域中声明了两个同名的函数。我们要避免这种情况。
因此,我们需要以某种方式确定代码的范围。
在javascript中作用域代码的唯一方法是将其包装在函数中:
function main() {
// We are now in our own sound-proofed room and the
// character-converter library's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
那也许能解决我们的问题。现在所有内容都是封闭的,只能从开括号和闭括号内访问。
我们有一个函数中的一个函数。看起来很奇怪,但完全合法。
只有一个问题。我们的代码不能工作。 我们的userName变量从来没有回显到控制台!
我们可以通过在现有代码块之后添加对函数的调用来解决这个问题…
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
main();
或之前!
main();
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
第二个问题是:“main”这个名字还没有被使用的可能性有多大?...非常非常苗条。
我们需要更多的范围。以及自动执行main()函数的方法。
现在我们来讨论自动执行函数(或自动执行、自动运行等等)。
((){})();
语法非常笨拙。然而,它是有效的。
当你用圆括号包装一个函数定义,并包含一个形参列表(另一个集合或圆括号!),它就像一个函数调用。
所以让我们再看看我们的代码,使用一些自动执行的语法:
(function main() {
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
)();
所以,在你阅读的大多数教程中,你现在都会被“匿名自动执行”或类似的术语轰炸。
经过多年的专业开发,我强烈建议您为调试目的而编写的每个函数都命名。
当出现错误时(它会出错),您将在浏览器中检查回溯。当堆栈跟踪中的条目有名称时,总是更容易缩小您的代码问题!
(function(){
var foo = {
name: 'bob'
};
console.log(foo.name); // bob
})();
console.log(foo.name); // Reference error
实际上,上面的函数将被视为没有名称的函数表达式。
用左右圆括号包装函数的主要目的是避免污染全局空间。
函数表达式中的变量和函数变成私有的(也就是说,它们在函数外部是不可用的)。
我已经看了所有的答案,这里少了一些很重要的东西,我要KISS。有两个主要原因,为什么我需要自执行匿名函数,或者更好地说“立即调用函数表达式(IIFE)”:
更好的命名空间管理(避免命名空间污染-> JS模块) 闭包(模拟私有类成员,如OOP所示)
第一个已经解释得很好了。对于第二个问题,请学习下面的例子:
var MyClosureObject = (function (){
var MyName = 'Michael Jackson RIP';
return {
getMyName: function () { return MyName;},
setMyName: function (name) { MyName = name}
}
}());
注意1:我们不是将函数赋值给MyClosureObject,而是调用该函数的结果。注意最后一行中的()。
注意2:关于Javascript中的函数,你还需要知道的是,内部函数可以访问函数的参数和变量,它们是在函数内部定义的。
让我们做一些实验:
我可以得到MyName使用getMyName,它工作:
console.log(MyClosureObject.getMyName());
// Michael Jackson RIP
下面这种简单的方法是行不通的:
console.log(MyClosureObject.MyName);
// undefined
但我可以设置另一个名称,并获得预期的结果:
MyClosureObject.setMyName('George Michael RIP');
console.log(MyClosureObject.getMyName());
// George Michael RIP
编辑:在上面的例子中,MyClosureObject被设计为不使用newprefix,因此按照惯例它不应该大写。