>[success] # 回調函數 ~~~ 1.在'es5'時期回調我們最常用的地方就是'ajax'異步請求的時候 2.在我們寫代碼的時候可以吧那些可擴展的邏輯，抽離出來以回調函數的形式 展示 ~~~ >[danger] ##### 對第二條的解釋 ~~~ 1.比如，想在頁面中創建100個div節點，然后把這些div節點都設置為隱藏。 下面是一種編寫代碼的方式： ~~~ ~~~ var appendDiv = function(){ for ( var i = 0; i < 100; i++ ){ var div = document.createElement( 'div' ); div.innerHTML = i; document.body.appendChild( div ); div.style.display = 'none'; } }; appendDiv(); ~~~ ~~~ 1.把div.style.display = 'none'的邏輯硬編碼在appendDiv里顯然是不合理的， appendDiv未免有點個性化，成為了一個難以復用的函數，并不是每個人創建 了節點之后就希望它們立刻被隱藏，于是把div.style.display = 'none'這行代碼 抽出來，用回調函數的形式傳入appendDiv方法 ~~~ ~~~ var appendDiv = function( callback ){ for ( var i = 0; i < 100; i++ ){ var div = document.createElement( 'div' ); div.innerHTML = i; document.body.appendChild( div ); if ( typeof callback === 'function' ){ callback( div ); } } }; appendDiv(function( node ){ node.style.display = 'none'; }); ~~~