函數的定義，大致可分為三種方式：
第一種：這也是最常規的一種
function double(x){
return 2 * x;
}第二種：這種方法使用了Function構造函數，把參數列表和函數體都作為字串，很不方便，不建議使用。
var double = new Function('x', 'return 2 * x;');
第三種：
var double = function(x) { return 2* x; }注意「=」右邊的函數就是一個匿名函數，創造完畢函數後，又將該函數賦給了變數square。
匿名函數的創建
第一種方式：就是上面所講的定義square函數，這也是最常用的方式之一。
第二種方式：
(function(x, y){
alert(x + y);
})(2, 3);這裡創建了一個匿名函數(在第一個括號內)，第二個括號用於調用該匿名函數，並傳入參數。括號是表達式，是表達式就有回傳值，所以可以在後面加上一對括號讓它們執行.
自執行的匿名函數
?
它是指形如這樣的函數: (function {// code})();
2. 疑問
為什麼(function {// code})(); ();卻會錯誤?
3. 分析
(1)., 要清楚兩者的差異:
(function {// codeunc})是表達式, f (function {// codeunc})是表達式, f (function {// codeunc})是表達式, ftion {//code 是函數宣告//code. (2). 其次, js"預編譯"的特點:
js在"預編譯"階段, 會解釋函數宣告, 但卻會忽略表式.
(3). 當js執行到function() {// code}();時, 由於function() {//code}在"預編譯"階段已經被解釋過, js會跳過function(){//code}, 試圖去執行();, 故會報錯;
當js執行到(function {// code})();時, 由於(function {// code})是表達式, js會去對它求解得到返回值, 由於返回值是一個函數, 故而遇到();時, 會被執行.
!function(){
alert("另类的匿名函数自执行");
}();function checkClosure(){
var str = 'rain-man';
setTimeout(
function(){ alert(str); } //这是一个匿名函数
, 2000);
}
checkClosure();function forTimeout(x, y){
alert(x + y);
}
function delay(x , y , time){
setTimeout('forTimeout(' + x + ',' + y + ')' , time);
}
/**
* 上面的delay函数十分难以阅读，也不容易编写，但如果使用闭包就可以让代码更加清晰
* function delay(x , y , time){
* setTimeout(
* function(){
* forTimeout(x , y)
* }
* , time);
* }
*/var oEvent = {};
(function(){
var addEvent = function(){ /*代码的实现省略了*/ };
function removeEvent(){}
oEvent.addEvent = addEvent;
oEvent.removeEvent = removeEvent;
})();var rainman = (function(x , y){
return x + y;
})(2 , 3);
/**
* 也可以写成下面的形式，因为第一个括号只是帮助我们阅读，但是不推荐使用下面这种书写格式。
* var rainman = function(x , y){
* return x + y;
* }(2 , 3);var outer = null;
(function(){
var one = 1;
function inner (){
one += 1;
alert(one);
}
outer = inner;
})();
outer(); //2
outer(); //3
outer(); //4/**
* <body>
* <ul>
* <li>one</li>
* <li>two</li>
* <li>three</li>
* <li>one</li>
* </ul>
*/
var lists = document.getElementsByTagName('li');
for(var i = 0 , len = lists.length ; i < len ; i++){
lists[ i ].onmouseover = function(){
alert(i);
};
}4，而不是我們期待的元素下標。這是為什麼呢？注意事項裡已經講了（最終值）。顯然這種解釋過於簡單，當mouseover事件調用監聽函數時，首先在匿名函數（ function(){ alert(i); }）內部查找是否定義了i，結果是沒有定義；因此它會向上查找，查找結果是已經定義了，而且i的值是4（循環後的i值）；所以，最後每次彈出的都是4。
var lists = document.getElementsByTagName('li');
for(var i = 0 , len = lists.length ; i < len ; i++){
(function(index){
lists[ index ].onmouseover = function(){
alert(index);
};
})(i);
}var lists = document.getElementsByTagName('li');
for(var i = 0, len = lists.length; i < len; i++){
lists[ i ].$$index = i; //通过在Dom元素上绑定$$index属性记录下标
lists[ i ].onmouseover = function(){
alert(this.$$index);
};
}function eventListener(list, index){
list.onmouseover = function(){
alert(index);
};
}
var lists = document.getElementsByTagName('li');
for(var i = 0 , len = lists.length ; i < len ; i++){
eventListener(lists[ i ] , i);
}
