關於Javascript回呼函數的一個妙用_javascript技巧

前言

其實回呼函數簡單通俗點就是當有a和b兩個函數，當a作為參數傳給b，並在b中執行，這時a就是一個回調(callback)函數,如果a是一個匿名函數，則為匿名回呼函數那下面們來通過一個執行個體來具體解釋下Javascript回呼函數怎麼使用。

執行個體

在很久很久以前，有一個人。

var person;

他是個人，也就是一個對象。

person= {}; // 在JavaScript中，花括弧就代表是一個對象

他有個名字叫小明。

person.name = '小明';

看一下是不是真的叫小明。

alert(person.name);

嗯，有一天，小明撿到了10塊錢。

person.money = '10塊錢';

有了錢就要花，於是他打算把10塊錢用掉。

小明有一個花錢的方法 spendMoney ()

person.spendMoney =function(){  alert(this.name +"用 "+this.money +" 塊錢買了漫畫書！");  }

運行：

person.spendMoney();

彈出提示：小明用10塊錢買了漫畫書。

好了，問題來了，小明花錢就非得買漫畫書嗎，肯定不是。

事實情況應該是，這錢怎麼辦，還是由他自己說了算。因為錢在小明的口袋裡。

所以，就可以用回呼函數了。

回呼函數本身就是一個資料類型。

在javaScript中，函數的地位和java中的String，int，boolean等等都是一樣的，都可以看成是一個資料類型。

既然是資料類型，當然可以當成參數傳遞。

於是就應該這樣：

person.spendMoney =function(doSomeThing){  doSomeThing();  }

打了個括弧就是執行函數的意思。

沒打括弧的函數，就是和String，int一樣的玩意兒。

是一個資料類型。

一樣的。

JAVA裡面會這麼寫：

String str ="HelloWorld!";

在JavaScript中，函數也是一樣的。

var say =function(){    alert('HelloWorld');}

這時候的say就是一個資料類型。

因為沒有打括弧，打了括弧他才會執行！

小明用十塊錢做什麼，他自己說了算。

person.spendMoney(function(){});

這樣就是把函數傳進去了。

把函數傳入spendMoney方法的目的就是讓函數在裡面執行的。

所以：

person.spendMoney =function(doSomeThing){  doSomeThing(); }

裡面就打了括弧，代表要執行這個函數。

具體做什麼，自己決定。

person.spendMoney(function(){  alert('還是把錢存起來吧！'); });

總結

就是可以將函數作為一個參數，傳入一個方法內，並且能夠在該方法中執行這個函數，這也就是js特有的回呼函數的魔力。

以上就是關於Javascript回呼函數用法的全部內容，希望對大家的學習和工作能有所協助。如果有疑問可以留言討論。