資訊專(zhuān)欄INFORMATION COLUMN
javascript -- 回調(diào)函數(shù)
在高級(jí)語(yǔ)言層出不窮的年代, 各個(gè)語(yǔ)言都號(hào)稱(chēng)有著一切皆為對(duì)象的自豪說(shuō)法, 而 js 作為一門(mén)腳本語(yǔ)言卻相對(duì)于java等傳統(tǒng)面向?qū)ο笳Z(yǔ)言有很大的不同之處, 除了 js 詭異的繼承體系之外, 最令人著迷的一個(gè)特性就是回調(diào)函數(shù), 當(dāng)然也有很多人對(duì)他詬病, 筆者認(rèn)為 回調(diào)函數(shù) 和 異步 是js語(yǔ)言特性的兩大最為突出的店, 當(dāng)然正如所有優(yōu)點(diǎn)需要滿(mǎn)足自我的需求, 這個(gè)世界沒(méi)有銀彈, 比如大量的使用回調(diào)函數(shù)將會(huì)使你的代碼冗余, 錯(cuò)亂影響代碼人的視覺(jué)與思維體驗(yàn).
本文是自己對(duì)學(xué)習(xí)回調(diào)函數(shù)的的體會(huì), 難免不完善甚至錯(cuò)誤, 原諒我的無(wú)知, 我愿虛心學(xué)習(xí), 完善自己.
javascript最獨(dú)特的就是 函數(shù) 作為一等公民, 我更愿意將 js 稱(chēng)為一切皆為 變量 的一門(mén)高級(jí)語(yǔ)言, 函數(shù)也是一種變量可以成為其他函數(shù)的參數(shù), 我們喜歡在js中稱(chēng)之為回調(diào)函數(shù), 另外js中的匿名函數(shù)可以作為函數(shù)參數(shù)使得回調(diào)函數(shù)的寫(xiě)法如魚(yú)得水.
ps. 回調(diào)函數(shù)與 c 語(yǔ)言中的函數(shù)指針類(lèi)似---指針指針指針!!!重要的事情說(shuō)三遍
先來(lái)看一下回調(diào)函數(shù)的定義
In computer programming, a callback is a piece of executable code that is passed as an argument to other code, which is expected to call back (execute) the argument at some convenient time
回調(diào)函數(shù)是一段可執(zhí)行的代碼段，它作為一個(gè)參數(shù)傳遞給其他的代碼，其作用是在需要的時(shí)候方便調(diào)用這段（回調(diào)函數(shù)）代碼。
回調(diào)函數(shù)
function addSqua(num1, num2, callback){
var sum = num1 + num2;
return callback(sum);
}
function squa(num){
return num*num;
}
let num = addSqua(1, 2, squa);
console.log(num);
//=>9
匿名回調(diào)函數(shù)
將匿名函數(shù)直接作為函數(shù)參數(shù)傳遞給函數(shù), 這也是我們編程一般采用的
function addSqua(num1, num2, callback){
var sum = num1 + num2;
return callback(sum);
}
let num = addSqua(1, 2, function squa(num){
return num*num;
});
console.log(num);
//=9
模仿數(shù)組中的every方法
在Array.prototype中添加類(lèi)似與every一樣的方法
Array.prototype.myEvery = function (callback) {
if (typeof callback === "function") {
for (let i = 0; i < this.length; i++) {
if (callback(this[i])) {
return false;
}
}
return true;
}
return true;
}
let op = [3, 6, "every", 9,"each"];
op.myEvery(function (value) {
console.log(value);
})
// 3
// 6
// "every"
// 9
// "each"
回調(diào)函數(shù)特點(diǎn)
不會(huì)立刻執(zhí)行,
正如定義中給出的一樣回調(diào)函數(shù)作為代碼片段可以根據(jù)需要在其特定條件下執(zhí)行, 回調(diào)函數(shù)作為參數(shù)傳遞給一個(gè)函數(shù)的時(shí)候，傳遞的只是函數(shù)的定義并不會(huì)立即執(zhí)行。
this
ES6推出了箭頭函數(shù), 箭頭函數(shù)的推出需要在寫(xiě)回調(diào)函數(shù)的時(shí)候格外注意, this 是指向所在函數(shù)的上下文對(duì)象, 如果在在ES6采用箭頭函數(shù)則需要注意 this使用, 箭頭函數(shù)中this并沒(méi)有上下文關(guān)系直說(shuō), 有興趣的可以查看ES6 阮一峰, 再次奉上傳送門(mén)
回調(diào)函數(shù)的優(yōu)點(diǎn)和使用場(chǎng)景
是個(gè)閉包
回調(diào)函數(shù)是閉包的簡(jiǎn)單使用，也就是說(shuō)它能訪(fǎng)問(wèn)到其外層定義的變量。
回調(diào)函數(shù)之美DRY，避免重復(fù)代碼。
可以將通用的邏輯抽象。
業(yè)務(wù)邏輯分離 (it"s so beautiful ^-^ ^-^)
提高代碼可維護(hù)性和可讀性。
加強(qiáng)代碼可讀性。
分離專(zhuān)職的函數(shù)。
js回調(diào)函數(shù)的偉大之處是其他傳統(tǒng)語(yǔ)言所沒(méi)有的, 它可以實(shí)現(xiàn)業(yè)務(wù)邏輯分離, 相當(dāng)于暴露給外界一個(gè)接口, 這一點(diǎn)像極了前后端分離架構(gòu)中的 API 接口設(shè)計(jì)理念這個(gè)世界沒(méi)有 "銀彈" , 沒(méi)有能夠解決所有事情的一種方案, 由于js為異步而生, 回調(diào)函數(shù)用的最多的地方, 也是最適合的地方就是異步編程, 然而大量的使用會(huì)使得程序員的代碼冗余, 有很大的不可讀行, 體驗(yàn)極差, 索性讓人高興的事, 人們從來(lái)沒(méi)有停止過(guò)對(duì)自己舒適度的追求, 筆者會(huì)在另外以前文章中具體簡(jiǎn)述 js 的異步解決方案 這里送上傳送門(mén) js 異步解決方案
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/107267.html
摘要：大家想想怎么做什么是匿名函數(shù)自執(zhí)行并如何在實(shí)際庫(kù)中應(yīng)用匿名函數(shù)自執(zhí)行，注意，注意，只有這個(gè)名字和沒(méi)有其它名字，比如封閉空間，這個(gè)是為了讓大家好理解自己造的詞語(yǔ)。 通過(guò)本節(jié)課你將學(xué)到： 1.什么是函數(shù)表達(dá)式和函數(shù)聲明 2.first-class function 3.引用和復(fù)制的區(qū)別 4.函數(shù)傳參是怎么回事兒 5.關(guān)于函數(shù)的this和arguments 6.什么是匿名函數(shù)自執(zhí)行并如何在...
摘要：大彬哥版權(quán)所有翻錄必究尼古拉斯屌大彬哥群尼古拉斯屌大彬哥函數(shù)聲明函數(shù)表達(dá)式是不是簡(jiǎn)單的讓人發(fā)指區(qū)別就一句話(huà)，函數(shù)聲明，可以在函數(shù)調(diào)用之后，因?yàn)橛泻瘮?shù)預(yù)解析。而函數(shù)表達(dá)式必須在調(diào)用之前。 通過(guò)前三課講解，大家應(yīng)該能做到 1.手里有一份隨時(shí)能夠換工作自信的簡(jiǎn)歷 2.知道了學(xué)習(xí)js的正確姿勢(shì) 3.理解了全局對(duì)象、全局上下文、知道有預(yù)解析同時(shí)做了至少50道面試題 4.能熟練的使用json構(gòu)建...
摘要：函數(shù)式編程我在網(wǎng)上看了很多關(guān)于的函數(shù)式編程的教程，不過(guò)我感覺(jué)很多不是照抄的或者就是故弄玄虛。函數(shù)式編程幾分鐘就完事兒了，簡(jiǎn)單的讓人發(fā)指。函數(shù)式編程理解這么多就夠了，再實(shí)用就可以看源碼了。 JS函數(shù)式編程 我在網(wǎng)上看了很多關(guān)于javascript的函數(shù)式編程的教程，不過(guò)我感覺(jué)很多不是照抄的或者就是故弄玄虛。js發(fā)展到今天越來(lái)越往瑜伽圈的風(fēng)氣發(fā)展了，拿腔拿調(diào)裝13不好好說(shuō)話(huà)，好像你講的東...
摘要：注意匿名函數(shù)自執(zhí)行只是產(chǎn)生閉包的一種情況，閉包是現(xiàn)象或者情形，不實(shí)用匿名函數(shù)自執(zhí)行也有很多情況產(chǎn)生閉包，所以而且根本就是兩回事兒，不能混淆。小測(cè)驗(yàn)，你能看出下面的程序用了閉包嗎閉包在中使用。閉包無(wú)處不在，直接看的例子。 通過(guò)文你將學(xué)到： 1.閉包是怎么回事兒？ 2.閉包的原理和在jquery中的應(yīng)用 3.從一到面試題徹底理解閉包和垃圾回收機(jī)制 4.閉包在jquery中的應(yīng)用 概述 ...
閱讀 1278·2019-08-30 12:49
閱讀 3122·2019-08-28 18:14
閱讀 826·2019-08-26 11:38
閱讀 1681·2019-08-23 18:23
閱讀 2826·2019-08-23 17:04
閱讀 505·2019-08-23 16:52
閱讀 4026·2019-08-23 16:43
閱讀 2774·2019-08-23 16:12
