javascript回呼函數詳解，javascript回呼函數

javascript回呼函數詳解，javascript回呼函數

在進階語言層出不窮的年代, 各個語言都號稱有著一切皆為對象的自豪說法, 而 js 作為一門指令碼語言卻相對於java等傳統物件導向語言有很大的不同之處, 除了 js 詭異的繼承體系之外, 最令人著迷的一個特性就是回呼函數, 當然也有很多人對他詬病, 筆者認為 回呼函數 和 非同步 是js語言特性的兩大最為突出的店, 當然正如所有優點需要滿足自我的需求, 這個世界沒有銀彈, 比如大量的使用回呼函數將會使你的代碼冗餘, 錯亂影響代碼人的視覺與思維體驗.

本文是自己對學習回呼函數的的體會, 難免不完善甚至錯誤, 原諒我的無知, 我願虛心學習, 完善自己.

javascript最獨特的就是 函數 作為一等公民, 我更願意將 js 稱為一切皆為 變數 的一門進階語言, 函數也是一種變數可以成為其他函數的參數, 我們喜歡在js中稱之為回呼函數, 另外js中的匿名函數可以作為函數參數使得回呼函數的寫法如魚得水.

ps. 回呼函數與 c 語言中的函數指標類似---指標指標指標!!!重要的事情說三遍

先來看一下回呼函數的定義

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

回呼函數是一段可執行檔程式碼片段，它作為一個參數傳遞給其他的代碼，其作用是在需要的時候方便調用這段（回呼函數）代碼。

回呼函數

  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  

匿名回呼函數

將匿名函數直接作為函數參數傳遞給函數, 這也是我們編程一般採用的

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 

模仿數組中的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'

回呼函數特點

1. 不會立刻執行, 正如定義中給出的一樣回呼函數作為程式碼片段可以根據需要在其特定條件下執行, 回呼函數作為參數傳遞給一個函數的時候，傳遞的只是函數的定義並不會立即執行。
2. this，ES6推出了箭頭函數, 箭頭函數的推出需要在寫回呼函數的時候格外注意, this 是指向所在函數的內容物件, 如果在在ES6採用箭頭函數則需要注意 this使用, 箭頭函數中this並沒有上下文關係直說, 有興趣的可以查看ES6 阮一峰, 再次奉上傳送門
   

回呼函數的優點和使用情境是個閉包

回呼函數是閉包的簡單使用，也就是說它能訪問到其外層定義的變數。

回呼函數之美

• DRY，避免重複代碼。
• 可以將通用的邏輯抽象。
• 商務邏輯分離 (it's so beautiful ^-^ ^-^)
• 提高代碼可維護性和可讀性。
• 加強代碼可讀性。
• 分離專職的函數。

js回呼函數的偉大之處是其他傳統語言所沒有的, 它可以實現商務邏輯分離, 相當於暴露給外界一個介面, 這一點像極了前後端分離架構中的 API 介面設計理念

這個世界沒有 '銀彈' , 沒有能夠解決所有事情的一種方案, 由於js為非同步而生, 回呼函數用的最多的地方, 也是最適合的地方就是非同步編程, 然而大量的使用會使得程式員的代碼冗餘, 有很大的不可讀行, 體驗極差, 索性讓人高興的事, 人們從來沒有停止過對自己舒適度的追求。

以上就是本次小編整理的關於javascript回呼函數的相關知識內容，感謝你對幫客之家的支援。