JavaScript回撥函式
回撥函式和處理非同步
回撥函式指的是當一個函式作為另一個函式的引數時,作為 引數的函式就是一個
回撥函式,回撥函式應用最廣泛的就是處理非同步問題
例項
<script>
/* var res;
function a(){
setTimeout(()=> {
res = 5
},1000)
}
function b(){
console.log("我要拿到a函式計算後的結果"+res);
}
a();//需要1秒後才能拿到Res的結果
b();//不會等1秒,而是直接執行*/
//----------------- 錯誤處理方式1
/* var res;
function a(){
var res;
setTimeout(() => {
res = 5
}, 1000);
return res;//這個結果也不會等1秒,而是直接返回了undefined
}
function b(){
console.log("我要拿到a函式計算後的結果"+ a());
}
b();*/
//------------------錯誤處理方式2
/*function a(){
var res;
setTimeout(() => {
res = 5;
return res;
}, 1000);
}
function b(){
console.log("我要拿到a函式計算後的結果"+a());
}
b();//是直接執行的,不會等a函式返回以後再執行*/
//---------------正確的回撥方式1-----------
/*function a(callback){
var res;
setTimeout(() => {
res = 5;
callback(res);
}, 1000);
}
function b(r){
console.log("我要拿到a函式計算後的結果"+r);
}
a(b);*/
//--------------正確的回撥方式2--------------
var res;
function a(callback){
setTimeout(() => {
res = 5;
callback();
}, 1000);
}
function b(){
console.log("我要拿到a函式計算後的結果"+res);
}
a(b);//回撥函式的寫法,將函式名作為另一個函式的引數
</script>
相關文章
- JavaScript 回撥函式JavaScript函式
- 深入理解 JavaScript 回撥函式JavaScript函式
- JavaScript回撥函式的高手指南JavaScript函式
- 回撥函式函式
- JavaScript:鉤子函式與回撥函式的區別JavaScript函式
- JS—回撥函式JS函式
- 回撥函式(CallBack)函式
- [JS]回撥函式和回撥地獄JS函式
- 函式指標&回撥函式Callback函式指標
- 回撥函式 與 函式閉包函式
- java 回撥函式示例Java函式
- 函式回撥(C++)函式C++
- 回撥函式的作用函式
- Python/OpenCV:回撥函式PythonOpenCV函式
- TLS回撥函式(Note)TLS函式
- JavaScript中回撥函式知識點,都在這了!JavaScript函式
- JS之回撥函式(callback)JS函式
- C++回撥函式 用法C++函式
- 回撥函式的理解(一)函式
- java回撥函式機制Java函式
- JavaScript 非同步操作裡的巢狀回撥函式JavaScript非同步巢狀函式
- java回撥函式-非同步回撥-簡明講解Java函式非同步
- 【知識點】inline函式、回撥函式、普通函式inline函式
- setInterval 回撥函式傳引數函式
- js 徹底理解回撥函式JS函式
- C++中的回撥函式C++函式
- 函式指標的重要用途——回撥函式函式指標
- Python技法3:匿名函式、回撥函式和高階函式Python函式
- 什麼是 JavaScript 裡的非同步操作和回撥函式JavaScript非同步函式
- C語言函式指標與回撥用函式C語言函式指標
- C 語言回撥函式詳解函式
- Fastadmin fast.api.open回撥函式ASTAPI函式
- 回撥函式的作用與意義函式
- ajax 下載Excel 新增回撥函式Excel函式
- JavaScript非同步程式設計史:回撥函式到Promise到Async/AwaitJavaScript非同步程式設計函式PromiseAI
- 【不在混淆的C】指標函式、函式指標、回撥函式指標函式
- 關於 js 中的回撥函式 callbackJS函式
- 事實上,回撥函式還不錯!!函式