javaScript中的回调函数
生活随笔
收集整理的這篇文章主要介紹了
javaScript中的回调函数
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
?
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>js回調(diào)函數(shù)</title>
</head>
<body>
<script>/*回調(diào)函數(shù):一個(gè)函數(shù)當(dāng)做參數(shù)傳遞給另外一個(gè)函數(shù),這個(gè)被傳遞的函數(shù)就是回調(diào)函數(shù)*//*1.最基本的回調(diào)函數(shù)*//***************************************/function funA() {console.log("我是函數(shù)funA");}function funB(callback) {console.log("我是函數(shù)funB");/*當(dāng)用戶傳入了回調(diào)函數(shù),就執(zhí)行這個(gè)回調(diào)函數(shù)*/callback && callback();}/*調(diào)用回調(diào)函數(shù)*/funB(funA);/*在這里回調(diào)函數(shù)funA作為參數(shù),傳入funB函數(shù)中,funA函數(shù)在funB中執(zhí)行了*///我是函數(shù)funB//我是函數(shù)funA/*************************************************//*2.匿名回調(diào)函數(shù)*/function funC(callback) {callback && callback();}/*調(diào)用函數(shù)funC,即funC(callback),傳入一個(gè)匿名函數(shù)*/func(function () {console.log("我是一個(gè)匿名的回調(diào)函數(shù)");})/*******************回調(diào)函數(shù)的一個(gè)應(yīng)用************************//** 1.這是移動(dòng)端首頁(yè)輪播圖,具有自動(dòng)輪播及手觸摸左滑右滑功能* 2.在左滑,右滑的時(shí)候需要停止自動(dòng)輪播的計(jì)時(shí)器,在左滑右滑執(zhí)行完畢后,在添加自動(dòng)輪播的定時(shí)器* 3.將輪播圖頁(yè)面移動(dòng)封裝為一個(gè)imgMove(callback)的方法** *//*輪播圖滑動(dòng)的imgMove(callback)方法*/function imgMove(callback) {$ul.animate({transform: "translateX(" + (-bannerWidth * index) + "px)"}, 200, "ease", function () {if (index >= 9) {index = 1;$(this).css({transform: "translateX(" + (-bannerWidth * index) + "px)"});} else if (index <= 0) {index = 8;$(this).css({transform: "translateX(" + (-bannerWidth * index) + "px)"});}/*小圓點(diǎn)隨著輪播圖改變樣式*/$pointLis.removeClass("current").eq(index - 1).addClass("current");/*如果傳入了回調(diào)函數(shù),說(shuō)明執(zhí)行了左滑或者右滑,回調(diào)函數(shù)重新添加定時(shí)器*/callback && callback();});}/*定時(shí)器,輪播圖自動(dòng)輪播,正常調(diào)用imgMove()不傳入回調(diào)函數(shù)*/var timer = setInterval(function () {index++;imgMove();}, 1000);/*手指觸摸左滑,在滑動(dòng)時(shí)需要清除定時(shí)器即停止自動(dòng)輪播功能,在畫(huà)完完成后通過(guò)回調(diào)函數(shù)重新添加定時(shí)器*/$ul.on("swipeLeft", function () {/*滑動(dòng)前清除定時(shí)器*/clearInterval(timer);index++;/*在滑動(dòng)結(jié)束后添加定時(shí)器*/imgMove(function () {timer = setInterval(function () {index++;imgMove();}, 1000);});});/*手指觸摸右滑*/$ul.on("swipeRight", function () {clearInterval(timer);index--;imgMove(function () {clearInterval(timer);timer = setInterval(function () {index++;imgMove();}, 1000);});});
</script>
</body>
</html>?
轉(zhuǎn)載于:https://www.cnblogs.com/itlyh/p/6045813.html
總結(jié)
以上是生活随笔為你收集整理的javaScript中的回调函数的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： markdown常见问题
- 下一篇： 简易正则表达式引擎源码阅读