js中什么是回調(diào)函數(shù)

小編給大家分享一下js中什么是回調(diào)函數(shù)，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

什么是回調(diào)函數(shù)？回調(diào)函數(shù)有什么缺點

回調(diào)函數(shù)是一段可執(zhí)行的代碼段，它作為一個參數(shù)傳遞給其他的代碼，其作用是在需要的時候方便調(diào)用這段（回調(diào)函數(shù)）代碼。

在JavaScript中函數(shù)也是對象的一種，同樣對象可以作為參數(shù)傳遞給函數(shù)，因此函數(shù)也可以作為參數(shù)傳遞給另外一個函數(shù)，這個作為參數(shù)的函數(shù)就是回調(diào)函數(shù)。

const btnAdd = document.getElementById('btnAdd');btnAdd.addEventListener('click', function clickCallback(e) {
    // do something useless});

在本例中，我們等待id為btnAdd的元素中的click事件，如果它被單擊，則執(zhí)行clickCallback函數(shù)?；卣{(diào)函數(shù)向某些數(shù)據(jù)或事件添加一些功能。

回調(diào)函數(shù)有一個致命的弱點，就是容易寫出回調(diào)地獄（Callback hell）。假設多個事件存在依賴性：

setTimeout(() => {
    console.log(1)
    setTimeout(() => {
        console.log(2)
        setTimeout(() => {
            console.log(3)
    
        },3000)
    
    },2000)},1000)

這就是典型的回調(diào)地獄，以上代碼看起來不利于閱讀和維護，事件一旦多起來就更是亂糟糟，所以在es6中提出了Promise和async/await來解決回調(diào)地獄的問題。當然，回調(diào)函數(shù)還存在著別的幾個缺點，比如不能使用 try catch 捕獲錯誤，不能直接 return。

以上是“js中什么是回調(diào)函數(shù)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！