callback

大部分的 Node.js API 在還沒有 promises 的時候就已經建立了，在這些 API 中，使用了回調函數的解決方案。 一般的 Node.js API 使用方式如下： doSomething(param, (err, result) => { }) 這個也同樣適用於一些庫，例如 node-redis。當我在一個項目中使用它時，到了某個時候我真的需要把所有的回調函數都移除掉，因為我有太多層次的嵌套回調函數，這種情況下就會陷入所謂的 “回調地獄”。 另外，有時候必須避免使用回調函數，因為你需要從函數中返回函數調用的結果。如果這個結果是通過回調函數返回的，那麼想要獲取結果的唯一方法就是將它作為另一個函數的參數返回，進而持續進行回調函數的操作。 const myFunction = () => { doSomething(param, (err, result) => { return result //無法從 `myFunction` 中返回這個結果 }) } const myFunction = callback => { doSomething(param, (err, result) => { callback(result) //不行 }) } myFunction(result => { console.log(result) }) 但是，有一個簡單的解決方案，這也是由 Node.js 自身提供的。我們可以通過使用內置的 util 模塊中的 promisify 方法 “promisify” 一個不支援 promises 的函數（以及相應的 async/await 語法）。...

找出如何返回異步函數（使用Promise或回調函數）的結果，使用JavaScript。 假設你遇到了這個問題：你需要進行一個異步調用，並且需要將該調用的結果從原始函數中返回。 像這樣： const mainFunction = () => { const result = asynchronousFunction() return result } 但是asynchronousFunction()在內部執行了一些異步調用（例如fetch()調用），並且無法直接返回結果。該函數可能內部有一個需要等待的Promise，或者使用了回調函數。像這樣： const asynchronousFunction = () => { return fetch('./file.json').then(response => { return response }) } 那麼該怎麼辦呢？ 使用async/await是最直接的解決方案。您可以使用await關鍵字代替基於Promise的方法，像我們之前使用的方法一樣： const asynchronousFunction = async () => { const response = await fetch('./file.json') return response } 在這種情況下，在mainFunction中，我們需要在函數簽名前加上async，並在調用asynchronousFunction()之前加上await： const mainFunction = async () => { const result = await asynchronousFunction() return result } 現在，因為它是一個async函數，它會返回一個Promise： mainFunction() // 返回一個Promise 為了獲取結果，您可以將其封裝在IIFE中，就像這樣： (async () => { console....

我有一些使用回調函數的程式碼。不涉及太多實現細節，以下是要點： const uploadFile = (callback) => { // 上傳文件，然後將文件位置通過回調函數返回 callback(location) } uploadFile((location) => { // 執行後續操作 }) 如上所示，我調用uploadFile函數，當它完成所需操作後，就會調用該回調函數。 但是我希望在整個程式碼中都使用async/await，因此我決定在這裡使用async/await來替代回調函數。 這是我所做的：我將uploadFile函數的主體代碼用return new Promise()包裹起來，並在獲取到要返回的數據後調用resolve()： const uploadFile = () => { return new Promise((resolve, reject) => { // 上傳文件，然後通過回調函數返回文件位置 resolve(location) }) } const location = await uploadFile() 現在，我可以在第一層級中使用location數據，而不是它被包裹在回調函數中。 這有助於讓我的代碼更加整潔，並更好地理解它。 如果您有興趣，這是實際函數的完整代碼，您可以在其中看到此概念的具體示例： const uploadFile = (fileName, id, callback) => { const fileContent = fs.readFileSync(fileName) const params = { Bucket: process.env.AWS\_BUCKET\_NAME, Key: `file.jpg`, Body: fileContent } s3....

了解一下在學習React之前是否需要學習一些東西 如果您想學習React，首先需要掌握一些基礎知識。特別是一些在React中會反覆使用的最新JavaScript功能。 有時候人們認為某個特定功能是React提供的，但實際上它只是現代JavaScript語法。 起初不需要成為這些主題的專家，但您深入研究React時，就需要更加熟練地掌握這些知識。 我將列出一些事項，並提供我撰寫的文章的連結，以幫助您快速掌握基礎知識： JavaScript類 ES模組 非同步編程的基礎知識：回調函數，Promise，async/await 箭頭函數 this關鍵字 展開運算符 解構賦值 物件字面量 JavaScript函數式編程