- function sayHello()
- {
- alert("hello");
- }();
不幸的是,以上的写法会报出js 的语法错误。
因为Javascript 的解析器在解析器解析全局的function或者function内部function关键字的时候, 默认会把大括号解析成function声明,而不是function表达式。
也就是说, 会把最后的一对大括号默认解析成一个缺少名字的function,并且抛出一个语法错误信息,因为function声明需要一个名字。
===》 你可能又会想, 如果我在大括号中传入参数是否就会解析成表达式了呢?
- function sayHello()
- {
- alert("hello");
- }(1);
的确, 错误是没有了。 但是以上的写法等同于以下写法的效果
- function sayHello()
- {
- alert("hello");
- };
- (1);
这两句完全没有关系, 函数还是不会执行
3. 正确的写法
对于JavaScript 来说,括弧()里面不能包含语句,所以在这一点上,解析器在解析function关键字的时候,会将相应的代码解析成function表达式,而不是function声明
所以, 只要将大括号将代码(包括函数部分和在后面加上一对大括号)全部括起来就可以了。
- (function sayHello()
- {
- alert("hello");
- }());
还有一种写法也可以, 就是将后面的大括号移出来, as
- (function sayHello()
- {
- alert("hello");
- })();
推荐是使用第一种方式。
但是目前很多比较好的js library 使用的都是第二种方式。
比如: web 图形绘制的: git , draw2d ,....
4. 参考
1. http://benalman.com/news/2010/11/immediately-invoked-function-expression/