Việc sử dụng async / await bên trong một hàm tạo Promise () mới có phải là một mẫu chống không?

Tôi đang sử dụng async.eachLimitchức năng này để kiểm soát số lượng hoạt động tối đa tại một thời điểm.

const { eachLimit } = require("async");

function myFunction() {
 return new Promise(async (resolve, reject) => {
   eachLimit((await getAsyncArray), 500, (item, callback) => {
     // do other things that use native promises.
   }, (error) => {
     if (error) return reject(error);
     // resolve here passing the next value.
   });
 });
}

Như bạn thấy, tôi không thể khai báo myFunctionhàm là không đồng bộ vì tôi không có quyền truy cập vào giá trị bên trong lệnh gọi lại thứ hai của eachLimithàm.

Bạn đang sử dụng hiệu quả các hứa hẹn bên trong hàm thực thi phương thức khởi tạo hứa, vì vậy đây là mẫu phản phương thức khởi tạo Promise .

Mã của bạn là một ví dụ điển hình về rủi ro chính: không phổ biến tất cả các lỗi một cách an toàn. Đọc tại sao ở đó .

Ngoài ra, việc sử dụng async/ awaitcó thể làm cho những cái bẫy giống nhau thậm chí còn đáng ngạc nhiên hơn. So sánh:

let p = new Promise(resolve => {
  ""(); // TypeError
  resolve();
});

(async () => {
  await p;
})().catch(e => console.log("Caught: " + e)); // Catches it.

với asynctương đương ngây thơ (sai) :

let p = new Promise(async resolve => {
  ""(); // TypeError
  resolve();
});

(async () => {
  await p;
})().catch(e => console.log("Caught: " + e)); // Doesn't catch it!

Tìm bảng điều khiển web của trình duyệt của bạn để biết bảng điều khiển cuối cùng.

Cách đầu tiên hoạt động vì bất kỳ ngoại lệ ngay lập tức nào trong hàm thực thi của phương thức khởi tạo Promise sẽ từ chối một cách thuận tiện lời hứa mới được xây dựng (nhưng bên trong bất kỳ ngoại lệ nào .thenmà bạn tự làm).

Cái thứ hai không hoạt động bởi vì bất kỳ ngoại lệ tức thời nào trong một asynchàm đều từ chối lời hứa ngầm được trả về bởi asyncchính hàm .

Vì giá trị trả về của một hàm thực thi phương thức khởi tạo hứa không được sử dụng, đó là tin xấu!

Ma cua ban

Không có lý do gì bạn không thể định nghĩa myFunctionlà async:

async function myFunction() {
  let array = await getAsyncArray();
  return new Promise((resolve, reject) => {
    eachLimit(array, 500, (item, callback) => {
      // do other things that use native promises.
    }, error => {
      if (error) return reject(error);
      // resolve here passing the next value.
    });
  });
}

Mặc dù tại sao lại sử dụng các thư viện điều khiển đồng thời lỗi thời khi bạn có await?

Tôi đồng ý với các câu trả lời được đưa ra ở trên và tuy nhiên, đôi khi việc không đồng bộ hóa bên trong lời hứa của bạn sẽ tốt hơn, đặc biệt nếu bạn muốn xâu chuỗi một số thao tác trả lại lời hứa và tránh điều then().then()quái quỷ. Tôi sẽ xem xét sử dụng một cái gì đó như thế này trong tình huống đó:

const operation1 = Promise.resolve(5)
const operation2 = Promise.resolve(15)
const publishResult = () => Promise.reject(`Can't publish`)

let p = new Promise((resolve, reject) => {
  (async () => {
    try {
      const op1 = await operation1;
      const op2 = await operation2;

      if (op2 == null) {
         throw new Error('Validation error');
      }

      const res = op1 + op2;
      const result = await publishResult(res);
      resolve(result)
    } catch (err) {
      reject(err)
    }
  })()
});

(async () => {
  await p;
})().catch(e => console.log("Caught: " + e));

1. Hàm được truyền cho hàm Promisetạo không phải là không đồng bộ, vì vậy các linters không hiển thị lỗi.
2. Tất cả các hàm không đồng bộ có thể được gọi theo thứ tự tuần tự bằng cách sử dụng await.
3. Các lỗi tùy chỉnh có thể được thêm vào để xác thực kết quả của các hoạt động không đồng bộ
4. Cuối cùng thì lỗi cũng được phát hiện.

Tuy nhiên, một hạn chế là bạn phải nhớ đặt try/catchvà gắn nó vào reject.

static getPosts(){
    return new Promise( (resolve, reject) =>{
        try {
            const res =  axios.get(url);
            const data = res.data;
            resolve(
                data.map(post => ({
                    ...post,
                    createdAt: new Date(post.createdAt)
                }))
            )
        } catch (err) {
            reject(err);                
        }
    })
}

loại bỏ await và async sẽ giải quyết vấn đề này. bởi vì bạn đã áp dụng đối tượng Promise, vậy là đủ.