js回調函數原理 包教包會

js回調函數這一塊一直是一個不太好理解的地方，相信不少同窗都不知道該如何使用，今天我作項目的時候正好有一個地方要用到回調函數，有感而發。

應用場景

需求：我想封裝一個ajax調用api的函數，在其餘頁面能夠方便調用，可是調用的時候接收不到函數的返回值，由於函數的返回值在ajax 的 success回調當中，此時就須要一個回調函數了！

先看下個人ajax函數代碼以下：

post_func(url, data,cellback) {
    var _this = this
    var token = localStorage.getItem('token')
    var username = localStorage.getItem('user')
    $.ajax({
      type: "POST",
      url: this.res_url + url,
      data: data,
      async: true,
      headers: {
        "token": token,
        "username": username
      },
      success: function (res) {
        cellback(res)
      },
      error: function () {
        alert("網絡錯誤")
      }
    })
  }

函數很簡單，接收參數有三個 url是請求地址，data是請求參數，cellback是回調函數

如何調用 

調用時前兩個參數正常傳就行，最後一個參數要傳遞一個函數，以下

post_func("/api/v1/admin/add_menu", data, function(data) {
        console.log(data)
      })

console.log(data)打印的是ajax success的回調數據

成功！真香 

做者：有節操、有內涵、有信仰--不存在的
來源：CSDN
原文：https://blog.csdn.net/weixin_...
版權聲明：本文爲博主原創文章，轉載請附上博文連接！