快捷導(dǎo)航

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

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

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

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

定義：

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

調(diào)用：

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

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

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

基于Bootstrap框架實(shí)現(xiàn)圖片切換
這篇文章主要介紹了基于Bootstrap框架實(shí)現(xiàn)圖片切換的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-03-03
詳解如何讓InstantClick兼容MathJax、百度統(tǒng)計(jì)等
本篇文章主要介紹了如何讓InstantClick兼容MathJax、百度統(tǒng)計(jì)等，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-09-09
原生JS實(shí)現(xiàn)列表內(nèi)容自動(dòng)向上滾動(dòng)效果
這篇文章主要介紹了原生JS實(shí)現(xiàn)列表內(nèi)容自動(dòng)向上滾動(dòng)效果，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-05-05
使用JS 插件qrcode.js生成二維碼功能
qrcode.js是一個(gè)使用比較多的js生成二維碼的插件，非常方便，接下來(lái)通過(guò)本文給大家分享使用JS 插件qrcode.js生成二維碼功能，需要的朋友參考下
2017-02-02
js修改onclick動(dòng)作的四種方法(推薦)
下面小編就為大家?guī)?lái)一篇js修改onclick動(dòng)作的四種方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
vue中雙token和無(wú)感刷新token的區(qū)別
本文主要介紹了vue中雙token和無(wú)感刷新token的區(qū)別,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2024-05-05
JavaScript面試必考之實(shí)現(xiàn)手寫(xiě)Promise
Promise作為面試必考題，Promise的手寫(xiě)也是面試官必問(wèn)的問(wèn)題，所以對(duì)于Promise我們一定要了解透徹。本文就為大家整理了手寫(xiě)Promise的示例代碼，需要的可以參考一下
2022-12-12
深入理解令牌認(rèn)證機(jī)制（token）
這篇文章主要介紹了深入理解令牌認(rèn)證機(jī)制（token），文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
微信小程序?qū)W習(xí)之wxs使用教程
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)W習(xí)之wxs使用教程的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-05-05
在微信小程序中使用vant的方法
這篇文章主要介紹了在微信小程序中使用vant的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-06-06