JavaScript中的回調(diào)函數(shù)實(shí)例講解
在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)鏈接
- JavaScript中.min.js和.js文件的區(qū)別講解
- 深入探討JavaScript的最基本部分之執(zhí)行上下文
- 談?wù)凧avaScript中super(props)的重要性
- JavaScript常用工具方法封裝
- JavaScript動態(tài)創(chuàng)建二維數(shù)組的方法示例
- Javascript迭代、遞推、窮舉、遞歸常用算法實(shí)例講解
- JavaScript兩種計(jì)時(shí)器的實(shí)例講解
- JavaScript對JSON數(shù)組簡單排序操作示例
- JavaScript之解構(gòu)賦值的理解
- 推薦15個(gè)最好用的JavaScript代碼壓縮工具
相關(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ì)等,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09原生JS實(shí)現(xiàn)列表內(nèi)容自動向上滾動效果
這篇文章主要介紹了原生JS實(shí)現(xiàn)列表內(nèi)容自動向上滾動效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05JavaScript面試必考之實(shí)現(xiàn)手寫Promise
Promise作為面試必考題,Promise的手寫也是面試官必問的問題,所以對于Promise我們一定要了解透徹。本文就為大家整理了手寫Promise的示例代碼,需要的可以參考一下2022-12-12