《第六課-Nodejs回調(diào)函數(shù)》(教學(xué)培訓(xùn)課件)

1、 教師：XXX QQ：XXXXXXX 郵箱：XXXXXXX Node.js開(kāi)發(fā)（教學(xué)培訓(xùn)課件） 教師：XXXNode.js開(kāi)發(fā)（教學(xué)培訓(xùn)課件）主要內(nèi)容回調(diào)函數(shù)認(rèn)識(shí)回調(diào)函數(shù)的定義回調(diào)函數(shù)使用注意事項(xiàng)（教學(xué)培訓(xùn)課件）（教學(xué)培訓(xùn)課件）主要內(nèi)容（教學(xué)培訓(xùn)課件）（教學(xué)培訓(xùn)課件）回調(diào)函數(shù)認(rèn)識(shí)在很久很久以前，有一個(gè)人。var person;他是個(gè)人，也就是一個(gè)對(duì)象。person= ; / 在JavaScript中，花括號(hào)就代表是一個(gè)對(duì)象他有個(gè)名字叫小明。 = 小明;看一下是不是真的叫小明。alert();嗯，有一天，小明撿到了10塊錢(qián)。person.money = 10塊錢(qián);（教學(xué)培訓(xùn)課件）回調(diào)函數(shù)認(rèn)識(shí)在很

2、久很久以前，有一個(gè)人。（教學(xué)培訓(xùn)課件）回調(diào)函數(shù)認(rèn)識(shí)有了錢(qián)就要花，于是他打算把10塊錢(qián)用掉小明有一個(gè)花錢(qián)的方法 spendMoney ()spendMoney =function() alert( +用 +this.money + 塊錢(qián)買(mǎi)了漫畫(huà)書(shū)！); 運(yùn)行：person.spendMoney();/彈出提示：小明用10塊錢(qián)買(mǎi)了漫畫(huà)書(shū)。好了，問(wèn)題來(lái)了，小明花錢(qián)就非得買(mǎi)漫畫(huà)書(shū)嗎，肯定不是。事實(shí)情況應(yīng)該是，這錢(qián)怎么辦，還是由他自己說(shuō)了算。因?yàn)殄X(qián)在小明的口袋里所以，就可以用回調(diào)函數(shù)了。（教學(xué)培訓(xùn)課件）回調(diào)函數(shù)認(rèn)識(shí)有了錢(qián)就要花，于是他打算把10塊錢(qián)用掉（教學(xué)培訓(xùn)回調(diào)函數(shù)認(rèn)識(shí)有了錢(qián)就要花，于是他打算把10

3、塊錢(qián)用掉小明有一個(gè)花錢(qián)的方法 spendMoney ()spendMoney =function() alert( +用 +this.money + 塊錢(qián)買(mǎi)了漫畫(huà)書(shū)！); 運(yùn)行：person.spendMoney();/彈出提示：小明用10塊錢(qián)買(mǎi)了漫畫(huà)書(shū)。好了，問(wèn)題來(lái)了，小明花錢(qián)就非得買(mǎi)漫畫(huà)書(shū)嗎，肯定不是。事實(shí)情況應(yīng)該是，這錢(qián)怎么辦，還是由他自己說(shuō)了算。因?yàn)殄X(qián)在小明的口袋里所以，就可以用回調(diào)函數(shù)了。（教學(xué)培訓(xùn)課件）回調(diào)函數(shù)認(rèn)識(shí)有了錢(qián)就要花，于是他打算把10塊錢(qián)用掉（教學(xué)培訓(xùn)回調(diào)函數(shù)認(rèn)識(shí)回調(diào)函數(shù)本身就是一個(gè)數(shù)據(jù)類型在javaScript中，函數(shù)的地位和java中的String，int，boole

4、an等等都是一樣的，都可以看成是一個(gè)數(shù)據(jù)類型。既然是數(shù)據(jù)類型，當(dāng)然可以當(dāng)成參數(shù)傳遞。于是就應(yīng)該這樣：person.spendMoney =function(doSomeThing) doSomeThing(); 打了個(gè)括號(hào)就是執(zhí)行函數(shù)的意思；沒(méi)打括號(hào)的函數(shù)，就是和String，int一樣的玩意兒。是一個(gè)數(shù)據(jù)類型（教學(xué)培訓(xùn)課件）回調(diào)函數(shù)認(rèn)識(shí)回調(diào)函數(shù)本身就是一個(gè)數(shù)據(jù)類型（教學(xué)培訓(xùn)課件）回調(diào)函數(shù)認(rèn)識(shí)在JavaScript中，函數(shù)也是一樣的。var say =function() alert(HelloWorld);這時(shí)候的say就是一個(gè)數(shù)據(jù)類型。因?yàn)闆](méi)有打括號(hào)，打了括號(hào)他才會(huì)執(zhí)行！小明用十塊錢(qián)做什么

5、，他自己說(shuō)了算。person.spendMoney(function();這樣就是把函數(shù)傳進(jìn)去了。把函數(shù)傳入spendMoney方法的目的就是讓函數(shù)在里面執(zhí)行的。所以：person.spendMoney =function(doSomeThing) doSomeThing(); 回調(diào)函數(shù)認(rèn)識(shí)在JavaScript中，函數(shù)也是一樣的?；卣{(diào)函數(shù)認(rèn)識(shí)里面就打了括號(hào)，代表要執(zhí)行這個(gè)函數(shù)。具體做什么，自己決定。person.spendMoney(function() alert(還是把錢(qián)存起來(lái)吧！); );總結(jié)：將函數(shù)作為一個(gè)參數(shù)，傳入一個(gè)方法內(nèi)，并且能夠在該方法中執(zhí)行這個(gè)函數(shù)，這也就是js特有的回調(diào)函

6、數(shù)的魔力?；卣{(diào)函數(shù)認(rèn)識(shí)里面就打了括號(hào)，代表要執(zhí)行這個(gè)函數(shù)。回調(diào)函數(shù)認(rèn)識(shí)回調(diào)函數(shù)的概念：回調(diào)函數(shù)就是一個(gè)通過(guò)函數(shù)指針調(diào)用的函數(shù)。如果你把函數(shù)的指針（地址）作為參數(shù)傳遞給另一個(gè)函數(shù)，當(dāng)這個(gè)指針被用來(lái)調(diào)用其所指向的函數(shù)時(shí)，我們就說(shuō)這是回調(diào)函數(shù)?；卣{(diào)函數(shù)不是由該函數(shù)的實(shí)現(xiàn)方直接調(diào)用，而是在特定的事件或條件發(fā)生時(shí)由另外的一方調(diào)用的，用于對(duì)該事件或條件進(jìn)行響應(yīng)。回調(diào)函數(shù)認(rèn)識(shí)回調(diào)函數(shù)的概念：回調(diào)函數(shù)認(rèn)識(shí)回調(diào)函數(shù)的機(jī)制：定義一個(gè)回調(diào)函數(shù)；提供函數(shù)實(shí)現(xiàn)的一方在初始化的時(shí)候，將回調(diào)函數(shù)的函數(shù)指針注冊(cè)給調(diào)用者；當(dāng)特定的事件或條件發(fā)生的時(shí)候，調(diào)用者使用函數(shù)指針調(diào)用回調(diào)函數(shù)對(duì)事件進(jìn)行處理。（教學(xué)培訓(xùn)課件）回調(diào)函數(shù)認(rèn)識(shí)回

7、調(diào)函數(shù)的機(jī)制：（教學(xué)培訓(xùn)課件）回調(diào)函數(shù)定義命名回調(diào)函數(shù)的定義/定義主函數(shù)function addSqua(num1, num2, callback) var sum = num1 + num2; return callback(sum);/定義回調(diào)函數(shù)function squa(num) return num*num;/執(zhí)行回調(diào)函數(shù)let num = addSqua(1, 2, squa); console.log(num);（教學(xué)培訓(xùn)課件）回調(diào)函數(shù)定義命名回調(diào)函數(shù)的定義/執(zhí)行回調(diào)函數(shù)（教學(xué)培訓(xùn)課件回調(diào)函數(shù)定義匿名回調(diào)函數(shù)的定義將匿名函數(shù)直接作為函數(shù)參數(shù)傳遞給函數(shù), 這也是我們編程一般采用的f

8、unction addSqua(num1, num2, callback) var sum = num1 + num2; return callback(sum);let num = addSqua(1, 2, function(num) return num*num;); console.log(num);回調(diào)函數(shù)定義匿名回調(diào)函數(shù)的定義回調(diào)函數(shù)定義典型的匿名回調(diào)函數(shù)定義將匿名函數(shù)直接作為函數(shù)參數(shù)傳遞給函數(shù), 這也是我們編程一般采用的var friends = Mike, Stacy, Andy, Rick;friends.forEach(function (eachName, index)

9、console.log(index + 1 + . + eachName););輸出結(jié)果如下1. Mike2. Stacy3. Andy4. Rick在jQuery中廣泛被使用回調(diào)函數(shù)定義典型的匿名回調(diào)函數(shù)定義在jQuery中廣泛被使用回調(diào)函數(shù)定義回調(diào)函數(shù)模仿數(shù)組中的every方法在Atotype中添加類似與every一樣的方法Atotype.myEvery = function (callback) if (callback&typeof callback= function) for (let i = 0; i this.length; i+) if (callback(thisi) re

10、turn false; return true; return true;let op = 3, 6, every, 9,each;op.myEvery(function (value) console.log(value);)/判定callback存在，并且是函數(shù)類型回調(diào)函數(shù)定義回調(diào)函數(shù)模仿數(shù)組中的every方法/判定cal回調(diào)函數(shù)調(diào)用注意事項(xiàng)1.回調(diào)函數(shù)中參數(shù)傳遞function Show(callback) console.log(這是主函數(shù)); var name =我正在學(xué)習(xí)回調(diào)函數(shù); if(callback&(typeof(callback)=function) callback(n

11、ame); console.log(我已經(jīng)使用完回調(diào)函數(shù));function callShow(value) console.log(value);Show(callShow(this is me);（教學(xué)培訓(xùn)課件）回調(diào)函數(shù)調(diào)用注意事項(xiàng)1.回調(diào)函數(shù)中參數(shù)傳遞（教學(xué)培訓(xùn)課件）回調(diào)函數(shù)調(diào)用注意事項(xiàng)2. 使用this對(duì)象的方法作為回調(diào)函數(shù)時(shí)的問(wèn)題/定義一個(gè)有一些屬性和一個(gè)方法的對(duì)象 ,接著將會(huì)把方法作為回調(diào)函數(shù)傳遞給另一個(gè)函數(shù)var clientData = id: 094545, fullName:Not Set, /setUsrName是一個(gè)在clientData對(duì)象中的方法 setUserNa

12、me: fucntion (firstName, lastName) /這指向了對(duì)象中的fullName屬性 this.fullName = firstName + + lastName; function getUserInput(firstName, lastName, callback) /在這做些什么來(lái)確認(rèn)firstName/lastName /現(xiàn)在存儲(chǔ)names callback(firstName, lastName);當(dāng)回調(diào)函數(shù)是一個(gè)this對(duì)象的方法時(shí)，我們必須改變執(zhí)行回調(diào)函數(shù)的方法來(lái)保證this對(duì)象的上下文。否則如果回調(diào)函數(shù)被傳遞給一個(gè)全局函數(shù)，this對(duì)象要么指向全局win

13、dow對(duì)象（在瀏覽器中）。要么指向包含方法的對(duì)象?；卣{(diào)函數(shù)調(diào)用注意事項(xiàng)2. 使用this對(duì)象的方法作為回調(diào)函數(shù)回調(diào)函數(shù)調(diào)用注意事項(xiàng)3. 使用Call和Apply函數(shù)來(lái)保存this/注意到我們?cè)黾恿诵碌膮?shù)作為回調(diào)對(duì)象，叫做“callbackObj”function getUserInput(firstName, lastName, callback. callbackObj) /在這里做些什么來(lái)確認(rèn)名字 callback.apply(callbackObj, firstName, lastName);call接收的第一個(gè)參數(shù)為被用來(lái)在函數(shù)內(nèi)部當(dāng)做this的對(duì)象，傳遞給函數(shù)的參數(shù)被挨個(gè)傳遞（當(dāng)然

14、使用逗號(hào)分開(kāi)）。Apply函數(shù)的第一個(gè)參數(shù)也是在函數(shù)內(nèi)部作為this的對(duì)象，然而最后一個(gè)參數(shù)確是傳遞給函數(shù)的值的數(shù)組?；卣{(diào)函數(shù)調(diào)用注意事項(xiàng)3. 使用Call和Apply函數(shù)來(lái)保存回調(diào)函數(shù)調(diào)用注意事項(xiàng)4. 允許多重回調(diào)函數(shù)function successCallback() function successCallback() function completeCallback()function errorCallback()$.ajax( url:/favicon.png, success:successCallback, complete:completeCallback, error:errorCallback);可以將不止一個(gè)的回調(diào)函