快捷導(dǎo)航

JavaScript中的回調(diào)函數(shù)實(shí)例講解

更新時(shí)間：2019年01月27日 11:47:29 作者：Moment°回憶

今天小編就為大家分享一篇關(guān)于JavaScript中的回調(diào)函數(shù)實(shí)例講解，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧

在JS中，函數(shù)可以作為參數(shù)傳遞給函數(shù)，不止可以傳遞值或者對象，案例如下：

定義：

/**
 *@project： data_overnance
 *@package：
 *@date：2018/11/30 0030 15:07
 *@author 郭寶
 *@brief: 回調(diào)函數(shù)
 */
export default class Person {
 constructor(){
 }
 /**
  * 設(shè)置名稱
  * @param nameCallback 傳入回調(diào)函數(shù)
  */
 setName(nameCallback){
  //彈出輸入對話框
  let name = prompt("請輸入你的名字");
  //調(diào)用函數(shù)
  nameCallback(name);
 }
}

調(diào)用：

  //實(shí)例化Person對象
  let person = new Person();
  //10以后執(zhí)行內(nèi)部代碼
  setTimeout(function () {
   //調(diào)用Person類中的setName函數(shù)，并傳入匿名回調(diào)函數(shù)
   person.setName(function (name) {
    console.log("name:"+name);
    //name:guobao
   })
  },10000);

該回調(diào)函數(shù)類似于JAVA中的接口回調(diào)，熟悉JAVA接口回調(diào)的同學(xué)對JS中的回調(diào)函數(shù)會更容易上手

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接

您可能感興趣的文章:

相關(guān)文章

用iframe實(shí)現(xiàn)不刷新整個(gè)頁面上傳圖片的實(shí)例
下面小編就為大家?guī)硪黄胕frame實(shí)現(xiàn)不刷新整個(gè)頁面上傳圖片的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
Bootstrap自動適應(yīng)PC、平板、手機(jī)的Bootstrap柵格系統(tǒng)
這篇文章主要介紹了Bootstrap自動適應(yīng)PC、平板、手機(jī)的Bootstrap柵格系統(tǒng)的相關(guān)資料,需要的朋友可以參考下
2016-05-05
JS實(shí)現(xiàn)數(shù)組去重方法總結(jié)(六種方法)
這篇文章給大家總結(jié)下JS實(shí)現(xiàn)數(shù)組去重方法(六種方法)，面試中也經(jīng)常會遇到這個(gè)問題。文中給大家引申的還有合并數(shù)組并去重的方法，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧
2017-07-07
webpack中splitChunks分包策略的實(shí)現(xiàn)
splitChunks是 webpack 中用于分包的配置選項(xiàng)之一,本文主要介紹了webpack中splitChunks分包策略的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下
2024-06-06
JavaScript+CSS實(shí)現(xiàn)仿Mootools豎排彈性動畫菜單效果
這篇文章主要介紹了JavaScript+CSS實(shí)現(xiàn)仿Mootools豎排彈性動畫菜單效果,可實(shí)現(xiàn)鼠標(biāo)滑過菜單項(xiàng)呈現(xiàn)彈性移動顯示的效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-10-10
JS彈出層單純的絕對定位居中示例代碼
這篇文章主要介紹了JS彈出層的絕對定位居中是如何實(shí)現(xiàn)的,需要的朋友可以參考下
2014-02-02
JavaScript 中有關(guān)數(shù)組對象的方法(詳解)
下面小編就為大家?guī)硪黄狫avaScript 中有關(guān)數(shù)組對象的方法(詳解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-08-08
Base64(二進(jìn)制)圖片編碼解析及在各種瀏覽器的兼容性處理
這篇文章主要介紹了Base64(二進(jìn)制)圖片編碼解析及在各種瀏覽器的兼容性處理,需要的朋友可以參考下
2017-02-02
js 實(shí)現(xiàn)日期靈活格式化的小例子
這篇文章介紹了js實(shí)現(xiàn)日期靈活格式化的小例子，有需要的朋友可以參考一下
2013-07-07
javaScript如何生成xmlhttp
生成xmlhttp的方法有很多，在本文為大家介紹下javaScript中是如何實(shí)現(xiàn)的
2013-12-12