JavaScript的回調函數的簡單使用
JavaScript的回調函數，所謂回調簡單理解就是做完一件事情後，再回過頭來調用某一個函數。
回調函數在實際工作中可是用處多多的，拿一個最簡單的登陸例子來說。當我們輸入用戶名和密碼（先不考慮驗證碼的情況，其實加上了原理也是一樣的，就是多了一個參數而已）並通過post的方式向後臺發送ajax請求，那麼我們的請求可不僅僅是成功一種情況：如果登陸不成功呢？如果網絡不通呢……
首先，看一下我們postAjax的簡單封裝
注意：callback就是重外面傳進來的回調函數。
那麼接下來看看登陸關鍵代碼
解釋：我們封裝了一個公用工具類commonUtils，通過它調用類型為post的ajax請求，我們只要告訴了url地址和參數就可以進行調用了，當然postAjax方法已經幫我們處理一部分東西了（看圖一），如果我們想要做一些個性化的，就可以把其當作一個方法函數給傳進去，然後根據具體的條件執行回掉函數。
我們可以看到，使用回調函數就像把其當作一個參數一樣傳進去。
相關推薦
'前端設計- JavaScript驗證碼製作及實例分析'
"在網頁設計中，尤其表單填寫提交過程中，為防止機器自動登錄，很多網頁都採用驗證碼技術，允許用戶輸入而儘量避免自動登錄。驗證碼實現的方法有很多，PHP繪圖技術可以在服務端生成驗證碼併發送客戶端，HTML5技術下可以使用canvas與JS腳本實現在客戶端瀏覽器自動生成驗證碼。本...
'「React 手冊」在 React 項目中使用 ES6，你需要了解這些（一）'
"隨著前端發展越來越快，JavaScript 這門語言也在不斷的更新，從2015年開始，幾乎每年都有一個新版本。新語言借鑑了類似 C#,Java 這些高級語言的特徵，大大方便了我們編寫和維護代碼。 因此我們需要儘快熟悉這些新特性，把它們應用到我們的項目中。如果你的項目中在使...
'websocket協議及使用'
"WebSocket 是 HTML5 開始提供的一種在單個 TCP 連接上進行全雙工通訊的協議。在 WebSocket API 中，瀏覽器和服務器只需要做一個握手的動作，然後，瀏覽器和服務器之間就形成了一條快速通道。兩者之間就直接可以數據互相傳送。傳統的HTTP協議是一個請...
'京東前端工程師：10個JavaScript難點+最新JavaScript視頻教程'
"1. 立即執行函數立即執行函數，即Immediately Invoked Function Expression (IIFE)，正如它的名字，就是創建函數的同時立即執行。它沒有綁定任何事件，也無需等待任何異步操作：立即執行函數function(){…}是一個匿名函數，包圍...
'IT大牛彙總前端開發 JavaScript 乾貨知識點'
"很多初學的朋友經常問我，前端JavaScript都需要學習哪些東西呀？哪些是JavaScript的重點知識啊？其實做前端開發工程師，所有的知識點都是我們學習必備的東西，只有紮實的技術基礎才是高薪的關鍵！不過JavaScript的知識點比較多，一篇文章的內容沒辦法講完。今天...
'清華IT流出的10個JavaScript難點+最新JavaScript視頻教程'
"1. 立即執行函數立即執行函數，即Immediately Invoked Function Expression (IIFE)，正如它的名字，就是創建函數的同時立即執行。它沒有綁定任何事件，也無需等待任何異步操作：立即執行函數function(){…}是一個匿名函數，包圍...
'JavaScript中函數表達式和自執行函數表達式的用法'
"JavaScript是每個前端人員必須要掌握的知識點，在日常代碼中，我們經常都會用到自執行函數表達式。今天要給大家分享的就是JavaScript中函數表達式和自執行函數表達式的用法。立即調用函數表達式 給函數體加大括號，在有變量聲明的情形下，沒有任何區別 但是，如果只是【...
JavaScript
2019-09-06
'萬能的C語言，也能像其他語言那樣定義帶“默認參數”的函數嗎？'
"使用C++開發過程序時，定義函數可以指定默認參數，例如 void fun(int x, int y=3); 在調用 fun() 時第二個參數可以不傳遞，此時 fun() 函數默認第二個參數等於 3，例如 f(1) 就相當於 f(1,3)。這是一個很好用的特性，那麼在C語言...
'官方：JavaScript可以混前端，太爽了'
"最近不少同學都問我這麼個問題，不會JavaScript能混前端麼？能拿到高薪麼？為什麼這麼說呢，理由很簡單1）有很多企業不注重前端開發，當然也就不會給你高薪了，這樣的企業以小企業居多。他們一般對前端開發的認識很片面，認為前端開發就是做頁面，甚至認為是美工工作的一部分，這種...
'既然C語言無所不能，那麼它也能定義帶“默認參數”的函數嗎？'
"使用C++開發過程序時，定義函數可以指定默認參數，例如 void fun(int x, int y=3); 在調用 fun() 時第二個參數可以不傳遞，此時 fun() 函數默認第二個參數等於 3，例如 f(1) 就相當於 f(1,3)。這是一個很好用的特性，那麼在C語言...
'javascript核心之DOM操作'
"JS一個重要功能就是操作DOM, 改變頁面顯示。目錄：1、基本概念2、節點類型3、節點關係4、節點操作基本概念DOM全稱為Document Object Model ，即文檔對象模型，是針對HTML和XML的一個API, 描繪了一個層次化的節點樹，可以添加、移除和修改頁面...
'10個JavaScript調試技巧，幫你更好、更快地調試代碼'
"調試技巧，在任何一項技術研發中都可謂是必不可少的技能。掌握各種調試技巧，必定能在工作中起到事半功倍的效果。譬如，快速定位問題、降低故障概率、幫助分析邏輯錯誤等等。而在互聯網前端開發越來越重要的今天，如何在前端開發中降低開發成本，提升工作效率，掌握前端開發調試技巧尤為重要。...
'JavaScript快速筆記'
"1. 基本概念VAR CONST 和LET在ES6出現之前，用var來聲明變量，如果不小心忘記了var而直接定義變量的話，變量會自動成為全局變量從而可能汙染整個項目。const 和let是在ES6之後出現的，const用來定義常量而let用來定義局部變量。有趣的是cons...
'uni-app: 使用Vue.js需要注意哪些問題？'
"點擊右上方紅色按鈕關注“web秀”，讓你真正秀起來前言uni-app 在發佈到 H5 時，是支持所有 vue 的語法的。但是發佈到App或者小程序時，由於各個平臺等限制，無法實現全部 vue 語法，本文將詳細講解差異。相比Web平臺， Vue.js 在 uni-app 中...
推薦中...