有關javascript回呼函數詳解分析(圖文教程)-js教程-PHP中文網

有關javascript回呼函數詳解分析(圖文教程)

亚连

發布： 2018-05-18 17:09:32

原創

1628 人瀏覽過

這篇文章主要介紹了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

#n##程式碼段，它作為一個參數傳遞給其他的程式碼，其作用是在需要的時候方便呼叫這段（回呼函數）程式碼。

回呼函數

  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 === &#39;function&#39;) {
    for (let i = 0; i < this.length; i++) {
     if (callback(this[i])) {
      return false;
     }   
    }
    return true;
   }
   return true;
  }
  
  let op = [3, 6, &#39;every&#39;, 9,&#39;each&#39;];
  op.myEvery(function (value) {
   console.log(value);
  })
  // 3
  // 6
  // &#39;every&#39;
  // 9
  // &#39;each&#39;

登入後複製