欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中的回調(diào)函數(shù)實例淺析

 更新時間：2018年03月21日 14:20:56   作者：badmoonc  
這篇文章主要介紹了JS中的回調(diào)函數(shù),結(jié)合實例形式簡單分析了javascript回調(diào)函數(shù)的感念、功能、使用方法及相關(guān)注意事項,需要的朋友可以參考下

本文實例講述了JS中的回調(diào)函數(shù)。分享給大家供大家參考，具體如下：

在說回調(diào)函數(shù)之前，不妨先看一段代碼，相信有點js基礎(chǔ)的同學(xué)都能明白他的含義:

document.getElementById('demo').click=function(){
  alert(1);
};

這段代碼其實就是一段事件回調(diào)，這樣寫看的其實相對模糊一些，我們不妨看下接下來的代碼

document.getElementById('demo').addEventListener('click',function(){
    alert(1)
});

這兩段代碼的所做的事情其實相同，不同的只是寫法的差異，我們看這個addEventListener('eventName',callback)，addEventListener這個函數(shù)有兩個參數(shù)，第一個為事件名稱，第二個參數(shù)實際上就是回掉函數(shù)，按照書上來說回調(diào)函數(shù)的方式，函數(shù)中的參數(shù)既然可以是變量，那么他也可以是一個函數(shù)?？赡苷f到這里大家對回掉函數(shù)還是一臉懵逼。我們再看接下來這個例子。

function demo(a,b,callback){
    let c=a+b;
    callback(c);
};
demo(1,2,function(c){
    alert(c);//3
})

這段代碼定義了一個demo函數(shù)，這個函數(shù)有三個參數(shù)a,b,callback，我們在這個函數(shù)內(nèi)部聲明了一個局部變量c，然后執(zhí)行我們的callback（回調(diào)函數(shù)）,接下來執(zhí)行demo這個函數(shù)

這個函數(shù)的三個參數(shù)如上，在回掉函數(shù)中彈出的為3。這就是一個簡單的回調(diào)函數(shù)。而要想真正理解回調(diào)函數(shù)的意義，其實我覺得還是在于明白他的用途，只有明白他的用途了我們才可以真正的去理解他。

回調(diào)函數(shù)最多的應(yīng)用場景就是異步操作，因為異步的操作我們不知道這個操作到底何時結(jié)束，那么我們后續(xù)執(zhí)行的代碼就無法按照應(yīng)有的流程走下去。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

  • ?JavaScript+HarmonyOS?實現(xiàn)一個手繪板

    ?JavaScript+HarmonyOS?實現(xiàn)一個手繪板

    這篇文章主要介紹了?JavaScript+HarmonyOS?實現(xiàn)一個手繪板，利用openHarmony內(nèi)置的API?cnavas組件實現(xiàn)，具體詳細(xì)內(nèi)容需要的小伙伴可以參考一下
    2022-07-07
  • JavaScript變量基本使用方法實例分析

    JavaScript變量基本使用方法實例分析

    這篇文章主要介紹了JavaScript變量基本使用方法,結(jié)合實例形式分析了JavaScript變量的類型、使用注意事項及命名規(guī)范,需要的朋友可以參考下
    2019-11-11
  • js實現(xiàn)時鐘定時器

    js實現(xiàn)時鐘定時器

    這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)時鐘定時器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-03-03
  • javascript 組合按鍵事件監(jiān)聽實現(xiàn)代碼

    javascript 組合按鍵事件監(jiān)聽實現(xiàn)代碼

    這篇文章主要介紹了javascript 組合按鍵事件監(jiān)聽實現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下
    2017-02-02
  • 使用純JS實現(xiàn)checkbox的框選效果(鼠標(biāo)拖拽多選)

    使用純JS實現(xiàn)checkbox的框選效果(鼠標(biāo)拖拽多選)

    最近做了一個用js實現(xiàn)鼠標(biāo)拖拽多選的功能,于是整理了一下思路,寫了一個小demo,下面這篇文章主要給大家介紹了關(guān)于如何使用純JS實現(xiàn)checkbox的框選效果(鼠標(biāo)拖拽多選)的相關(guān)資料,需要的朋友可以參考下
    2022-05-05
  • 操作按鈕懸浮固定在微信小程序底部的實現(xiàn)代碼

    操作按鈕懸浮固定在微信小程序底部的實現(xiàn)代碼

    在一些購物平臺經(jīng)常需要將商品加入購物車，像加入購物車按鈕、結(jié)算按鈕、收貨列表添加地址按鈕都是按鈕懸浮底部的，怎么實現(xiàn)這樣的功能呢？下面小編給大家?guī)砹瞬僮靼粹o懸浮固定在微信小程序底部的實現(xiàn)代碼，一起看看吧
    2019-08-08
  • JS監(jiān)聽元素dom變化方案詳解

    JS監(jiān)聽元素dom變化方案詳解

    這篇文章主要給大家介紹了關(guān)于JS監(jiān)聽元素dom變化的相關(guān)資料,監(jiān)聽DOM大小的變化,在前端開發(fā)中,算是一個比較常見的需求,比如我們要制作可伸縮的圖表的時候,可能需要根據(jù)DOM大小的變化,進(jìn)行動態(tài)的更新圖表,需要的朋友可以參考下
    2023-09-09
  • JS實現(xiàn)微信里判斷頁面是否被分享成功的方法

    JS實現(xiàn)微信里判斷頁面是否被分享成功的方法

    這篇文章主要介紹了JS實現(xiàn)微信里判斷頁面是否被分享成功的方法,結(jié)合實例形式分析了js調(diào)用微信接口判斷網(wǎng)頁分享功能的相關(guān)操作技巧,需要的朋友可以參考下
    2017-06-06
  • bootstrap 模態(tài)框（modal）實現(xiàn)水平垂直居中顯示

    bootstrap 模態(tài)框（modal）實現(xiàn)水平垂直居中顯示

    這篇文章主要為大家詳細(xì)介紹了bootstrap 模態(tài)框modal實現(xiàn)水平垂直居中顯示，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-01-01
  • 微信小程序系列之自定義頂部導(dǎo)航功能

    微信小程序系列之自定義頂部導(dǎo)航功能

    這篇文章主要介紹了微信小程序系列之自定義頂部導(dǎo)航功能，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-05-05

最新評論