await chỉ hợp lệ trong chức năng không đồng bộ

Tôi đã viết mã này trong lib/helper.js

var myfunction = async function(x,y) {
   ....
   reutrn [variableA, variableB]
}
exports.myfunction = myfunction;

và sau đó tôi đã cố gắng sử dụng nó trong một tệp khác

 var helper = require('./helper.js');   
 var start = function(a,b){
     ....
     const result = await helper.myfunction('test','test');
 }
 exports.start = start;

Tôi có một lỗi

"await chỉ hợp lệ trong hàm không đồng bộ"

Vấn đề là gì?

Lỗi không liên quan đến myfunctionmà là start.

async function start() {
   ....

   const result = await helper.myfunction('test', 'test');
}

// My function
const myfunction = async function(x, y) {
  return [
    x,
    y,
  ];
}

// Start function
const start = async function(a, b) {
  const result = await myfunction('test', 'test');
  
  console.log(result);
}

// Call start
start();

Tôi sử dụng cơ hội của câu hỏi này để tư vấn cho bạn về một chất chống mẫu nổi tiếng sử dụng awaitđó là: return await.

SAI LẦM

async function myfunction() {
  console.log('Inside of myfunction');
}

// Here we wait for the myfunction to finish
// and then returns a promise that'll be waited for aswell
// It's useless to wait the myfunction to finish before to return
// we can simply returns a promise that will be resolved later

// useless async here
async function start() {
  // useless await here
  return await myfunction();
}

// Call start
(async() => {
  console.log('before start');

  await start();
  
  console.log('after start');
})();

CHÍNH XÁC

async function myfunction() {
  console.log('Inside of myfunction');
}

// Here we wait for the myfunction to finish
// and then returns a promise that'll be waited for aswell
// It's useless to wait the myfunction to finish before to return
// we can simply returns a promise that will be resolved later

// Also point that we don't use async keyword on the function because
// we can simply returns the promise returned by myfunction
function start() {
  return myfunction();
}

// Call start
(async() => {
  console.log('before start');

  await start();
  
  console.log('after start');
})();

Ngoài ra, hãy biết rằng có một trường hợp đặc biệt return awaitđúng và quan trọng: (sử dụng try / catch)

Có lo ngại về hiệu suất với `` sự trở lại đang chờ đợi '' không?

Khi tôi gặp lỗi này, hóa ra là tôi đã gọi hàm bản đồ bên trong hàm "không đồng bộ" của mình, vì vậy thông báo lỗi này thực sự đề cập đến việc hàm bản đồ không được đánh dấu là "không đồng bộ". Tôi đã giải quyết vấn đề này bằng cách loại bỏ lệnh gọi "await" ra khỏi chức năng bản đồ và tìm ra một số cách khác để nhận được hành vi mong đợi.

var myfunction = async function(x,y) {
    ....
    someArray.map(someVariable => { // <- This was the function giving the error
        return await someFunction(someVariable);
    });
}

Để sử dụng await, ngữ cảnh thực thi của nó cần phải asyncvề bản chất

Như đã nói, bạn cần xác định bản chất của bạn là executing contextnơi bạn sẵn sàng thực hiện awaitmột nhiệm vụ trước bất cứ việc gì.

Chỉ cần đặt asynctrước fnkhai báo mà asynctác vụ của bạn sẽ thực thi.

var start = async function(a, b) { 
  // Your async task will execute with await
  await foo()
  console.log('I will execute after foo get either resolved/rejected')
}

Giải trình:

Trong câu hỏi của bạn, bạn sẽ nhập một methodmà là asynchronoustrong tự nhiên và sẽ thực hiện song song. Nhưng nơi bạn đang cố gắng thực thi asyncphương thức đó nằm bên trong một phương thức khác execution contextmà bạn cần xác định asyncđể sử dụng await.

 var helper = require('./helper.js');   
 var start = async function(a,b){
     ....
     const result = await helper.myfunction('test','test');
 }
 exports.start = start;

Tự hỏi điều gì đang diễn ra dưới mui xe

awaitsử dụng các phương thức / chức năng trả về hứa hẹn / tương lai / nhiệm vụ và asyncđánh dấu một phương thức / chức năng có khả năng sử dụng await.

Ngoài ra, nếu bạn quen thuộc promises,await thực sự đang thực hiện cùng một quy trình hứa hẹn / giải quyết. Tạo một chuỗi lời hứa và thực hiện nhiệm vụ tiếp theo của bạn trong resolvecuộc gọi lại.

Để biết thêm thông tin, bạn có thể tham khảo MDN DOCS .

Việc triển khai hiện tại async/ awaitchỉ hỗ trợ awaittừ khóa bên trong các asynchàm Thay đổi startchữ ký hàm của bạn để bạn có thể sử dụng awaitbên trong start.

 var start = async function(a, b) {

 }

Đối với những người quan tâm, đề xuất cho cấp cao nhất awaithiện đang ở Giai đoạn 2: https://github.com/tc39/proposal-top-level-await

Tôi đã gặp sự cố tương tự và khối mã sau đưa ra cùng một thông báo lỗi:

repositories.forEach( repo => {
        const commits = await getCommits(repo);
        displayCommit(commits);
});

Vấn đề là phương thức getCommits () không đồng bộ nhưng tôi đã chuyển cho nó repo đối số cũng được tạo ra bởi Promise. Vì vậy, tôi phải thêm từ không đồng bộ vào nó như thế này: async (repo) và nó bắt đầu hoạt động:

repositories.forEach( async(repo) => {
        const commits = await getCommits(repo);
        displayCommit(commits);
});

async / await là cơ chế xử lý lời hứa, có hai cách chúng ta có thể thực hiện

functionWhichReturnsPromise()
            .then(result => {
                console.log(result);
            })
            .cathc(err => {
                console.log(result);

            });

hoặc chúng ta có thể sử dụng await để đợi lời hứa nộp đầy đủ trước, có nghĩa là nó bị từ chối hoặc được giải quyết.

Bây giờ nếu chúng ta muốn sử dụng await (chờ một lời hứa thực hiện) bên trong một hàm, thì bắt buộc hàm chứa phải là một hàm không đồng bộ vì chúng ta đang chờ một lời hứa để hoàn thành một cách không đồng bộ || có lý phải không ?.

async function getRecipesAw(){
            const IDs = await getIds; // returns promise
            const recipe = await getRecipe(IDs[2]); // returns promise
            return recipe; // returning a promise
        }

        getRecipesAw().then(result=>{
            console.log(result);
        }).catch(error=>{
            console.log(error);
        });

"await chỉ hợp lệ trong hàm không đồng bộ"

Nhưng tại sao? 'await' biến một cách rõ ràng một cuộc gọi không đồng bộ thành một cuộc gọi đồng bộ và do đó người gọi không thể không đồng bộ (hoặc không thể chuyển đổi) - ít nhất, không phải vì cuộc gọi được thực hiện vào lúc 'await'.

Vâng, await / async là một khái niệm tuyệt vời, nhưng việc triển khai hoàn toàn bị hỏng.

Vì bất kỳ lý do gì, từ khóa await đã được triển khai để nó chỉ có thể được sử dụng trong một phương thức không đồng bộ. Đây thực tế là một lỗi, mặc dù bạn sẽ không thấy nó được gọi như vậy ở bất kỳ đâu nhưng ngay tại đây. Bản sửa lỗi cho lỗi này sẽ là triển khai từ khóa await sao cho nó chỉ có thể được sử dụng ĐỂ GỌI hàm không đồng bộ, bất kể hàm gọi là đồng bộ hay không đồng bộ.

Do lỗi này, nếu bạn sử dụng await để gọi một hàm không đồng bộ thực ở đâu đó trong mã của mình, thì TẤT CẢ các hàm của bạn phải được đánh dấu là không đồng bộ và TẤT CẢ các lệnh gọi hàm của bạn phải sử dụng await.

Điều này về cơ bản có nghĩa là bạn phải thêm chi phí của các lời hứa vào tất cả các chức năng trong toàn bộ ứng dụng của bạn, hầu hết các chức năng này không và sẽ không bao giờ là không đồng bộ.

Nếu bạn thực sự nghĩ về nó, việc sử dụng await trong một hàm nên yêu cầu hàm chứa từ khóa await ĐỂ KHÔNG ĐƯỢC ASYNC - điều này là do từ khóa await sẽ tạm dừng xử lý trong hàm nơi tìm thấy từ khóa await. Nếu quá trình xử lý trong hàm đó bị tạm dừng, thì chắc chắn nó KHÔNG đồng bộ.

Vì vậy, gửi tới các nhà phát triển javascript và ECMAScript - vui lòng sửa lỗi triển khai await / async như sau ...

• await chỉ có thể được sử dụng để GỌI các hàm không đồng bộ.
• await có thể xuất hiện trong bất kỳ loại chức năng nào, đồng bộ hoặc không đồng bộ.
• Thay đổi thông báo lỗi từ "await chỉ hợp lệ trong hàm không đồng bộ" thành "await chỉ có thể được sử dụng để gọi các hàm không đồng bộ".