// (1) 这只是一个分组操作符，不是函数调用！
// 所以这里函数未被执行，依旧是个声明
function foo(x) {
alert(x);
}(1);
以下代码片段分别执行都弹窗显示 “1”，因为在 (1) 之前，都为函数表达式，所以这里的 ()非分组操作符，而为运算符，表示调用执行。
复制代码 代码如下:
// 标准的匿名函数表达式
var bar = function foo(x) {
alert(x);
}(1);
// 前面的 () 将 function 声明转化为了表达式
(function foo(x) {
alert(x);
})(1);
// 整个 () 内为表达式
(function foo(x) {
alert(x);
}(1));
// new 表达式
new function foo(x) {
alert(x);
}(1);
// &&, ||, !, +, -, ~ 等操作符（还有逗号），在函数表达式和函数声明上消除歧义
// 所以一旦解析器知道其中一个已经是表达式了，其它的也都默认为表达式了
true && function foo(x) {
alert(x);
}(1);
填坑：这个坑的关键在于，弄清楚形形色色函数表达式的实质。
六、循环中的闭包
以下演示的是一个常见的坑：
复制代码 代码如下:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h3>when clicking links below, show the number of its sequence</h3>
<ul>
<li><a href="#">link #0</a></li>
<li><a href="#">link #1</a></li>
<li><a href="#">link #2</a></li>
<li><a href="#">link #3</a></li>
<li><a href="#">link #4</a></li>
</ul>
</body>
</html>
复制代码 代码如下:
var links = document.getElementsByTagName("ul")[0].getElementsByTagName("a");
for (var i = 0, l = links.length; i < l; i++) {
links[i].onclick = function (e) {
e.preventDefault();
alert("You click link #" + i);
}
}
我们预期当点击第 i 个链接时，得到此序列索引 i 的值，可实际无论点击哪个链接，得到的都是 i 在循环后的最终结果：”5”。
解释一下原因：当 alert 被调用时，for 循环内的匿名函数表达式，保持了对外部变量 i的引用（闭包），此时循环已结束，i 的值被修改为 “5”。
填坑：为了得到想要的结果，需要在每次循环中创建变量 i 的拷贝。以下演示正确的做法：
复制代码 代码如下:
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h3>when clicking links below, show the number of its sequence</h3>
<ul>
<li><a href="#">link #0</a></li>
<li><a href="#">link #1</a></li>
<li><a href="#">link #2</a></li>
<li><a href="#">link #3</a></li>
<li><a href="#">link #4</a></li>
</ul>
</body>
</html>
复制代码 代码如下:
var links = document.getElementsByTagName(“ul”)[0].getElementsByTagName(“a”);
for (var i = 0, l = links.length; i < l; i++) {
links[i].onclick = (function (index) {
return function (e) {
e.preventDefault();
alert("You click link #" + index);
}
})(i);
}