在高級(jí)語言層出不窮的年代, 各個(gè)語言都號(hào)稱有著一切皆為對象的自豪說法, 而 js 作為一門腳本語言卻相對于java等傳統(tǒng)面向?qū)ο笳Z言有很大的不同之處, 除了 js 詭異的繼承體系之外, 最令人著迷的一個(gè)特性就是回調(diào)函數(shù), 當(dāng)然也有很多人對他詬病, 筆者認(rèn)為 回調(diào)函數(shù) 和 異步 是js語言特性的兩大最為突出的店, 當(dāng)然正如所有優(yōu)點(diǎn)需要滿足自我的需求, 這個(gè)世界沒有銀彈, 比如大量的使用回調(diào)函數(shù)將會(huì)使你的代碼冗余, 錯(cuò)亂影響代碼人的視覺與思維體驗(yàn).

本文是自己對學(xué)習(xí)回調(diào)函數(shù)的的體會(huì), 難免不完善甚至錯(cuò)誤, 原諒我的無知, 我愿虛心學(xué)習(xí), 完善自己.

javascript最獨(dú)特的就是 函數(shù) 作為一等公民, 我更愿意將 js 稱為一切皆為 變量 的一門高級(jí)語言, 函數(shù)也是一種變量可以成為其他函數(shù)的參數(shù), 我們喜歡在js中稱之為回調(diào)函數(shù), 另外js中的匿名函數(shù)可以作為函數(shù)參數(shù)使得回調(diào)函數(shù)的寫法如魚得水.

ps. 回調(diào)函數(shù)與 c 語言中的函數(shù)指針類似---指針指針指針!!!重要的事情說三遍

先來看一下回調(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中添加類似與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)

1. 不會(huì)立刻執(zhí)行, 正如定義中給出的一樣回調(diào)函數(shù)作為代碼片段可以根據(jù)需要在其特定條件下執(zhí)行, 回調(diào)函數(shù)作為參數(shù)傳遞給一個(gè)函數(shù)的時(shí)候，傳遞的只是函數(shù)的定義并不會(huì)立即執(zhí)行。
2. this，ES6推出了箭頭函數(shù), 箭頭函數(shù)的推出需要在寫回調(diào)函數(shù)的時(shí)候格外注意, this 是指向所在函數(shù)的上下文對象, 如果在在ES6采用箭頭函數(shù)則需要注意 this使用, 箭頭函數(shù)中this并沒有上下文關(guān)系直說, 有興趣的可以查看ES6 阮一峰, 再次奉上傳送門
   

回調(diào)函數(shù)的優(yōu)點(diǎn)和使用場景是個(gè)閉包

回調(diào)函數(shù)是閉包的簡單使用，也就是說它能訪問到其外層定義的變量。

回調(diào)函數(shù)之美

• DRY，避免重復(fù)代碼。
• 可以將通用的邏輯抽象。
• 業(yè)務(wù)邏輯分離 (it's so beautiful ^-^ ^-^)
• 提高代碼可維護(hù)性和可讀性。
• 加強(qiáng)代碼可讀性。
• 分離專職的函數(shù)。

js回調(diào)函數(shù)的偉大之處是其他傳統(tǒng)語言所沒有的, 它可以實(shí)現(xiàn)業(yè)務(wù)邏輯分離, 相當(dāng)于暴露給外界一個(gè)接口, 這一點(diǎn)像極了前后端分離架構(gòu)中的 API 接口設(shè)計(jì)理念

這個(gè)世界沒有 '銀彈' , 沒有能夠解決所有事情的一種方案, 由于js為異步而生, 回調(diào)函數(shù)用的最多的地方, 也是最適合的地方就是異步編程, 然而大量的使用會(huì)使得程序員的代碼冗余, 有很大的不可讀行, 體驗(yàn)極差, 索性讓人高興的事, 人們從來沒有停止過對自己舒適度的追求。

以上就是本次小編整理的關(guān)于javascript回調(diào)函數(shù)的相關(guān)知識(shí)內(nèi)容，感謝你對腳本之家的支持。

最新評(píng)論