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 阮一峯, 再次奉上傳送門

回調函數的優勢和使用場景
是個閉包

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

回調函數之美

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

js回調函數的偉大之處是其餘傳統語言所沒有的, 它能夠實現業務邏輯分離, 至關於暴露給外界一個接口, 這一點像極了先後端分離架構中的 API 接口設計理念

這個世界沒有 '銀彈' , 沒有可以解決全部事情的一種方案, 因爲js爲異步而生, 回調函數用的最多的地方, 也是最適合的地方就是異步編程, 然而大量的使用會使得程序員的代碼冗餘, 有很大的不可讀行, 體驗極差, 索性讓人高興的事, 人們歷來沒有中止過對本身溫馨度的追求, 筆者會在另外之前文章中具體簡述 js 的異步解決方案 這裏送上傳送門 js 異步解決方案