Trở lại sau một lời hứa ()

Tôi có một mã javascript như thế này:

function justTesting() {
  promise.then(function(output) {
    return output + 1;
  });
}

var test = justTesting();

Tôi luôn có một giá trị không xác định cho bài kiểm tra var. Tôi nghĩ rằng đó là bởi vì những lời hứa vẫn chưa được giải quyết..có cách nào để trả lại giá trị từ một lời hứa?

Khi bạn trả lại một thứ gì đó từ một then()cuộc gọi lại, đó là một điều kỳ diệu. Nếu bạn trả về một giá trị, giá trị tiếp theo then()được gọi với giá trị đó. Tuy nhiên, nếu bạn trả về một thứ gì đó giống như lời hứa, thì phần tiếp theo sẽ then()đợi nó và chỉ được gọi khi lời hứa đó lắng xuống (thành công / thất bại).

Nguồn: https://developers.google.com/web/fundamentals/getting-started/primers/promises#queue-asynchronous-actions

Để sử dụng một lời hứa, bạn phải gọi một hàm tạo lời hứa hoặc bạn phải tự tạo một lời hứa. Bạn không thực sự mô tả vấn đề bạn thực sự đang cố gắng giải quyết, nhưng đây là cách bạn sẽ tự tạo ra một lời hứa:

function justTesting(input) {
    return new Promise(function(resolve, reject) {
        // some async operation here
        setTimeout(function() {
            // resolve the promise with some value
            resolve(input + 10);
        }, 500);
    });
}

justTesting(29).then(function(val) {
   // you access the value from the promise here
   log(val);
});

// display output in snippet
function log(x) {
    document.write(x);
}

Hoặc, nếu bạn đã có một hàm trả về một lời hứa, bạn có thể sử dụng hàm đó và trả về lời hứa của nó:

// function that returns a promise
function delay(t) {
  return new Promise(function(resolve) {
    setTimeout(function() {
      resolve();
    }, t);
  });
}

function justTesting(input) {
  return delay(100).then(function() {
    return input + 10;
  });
}

justTesting(29).then(function(val) {
  // you access the value from the promise here
  log(val);
});

// display output in snippet
function log(x) {
  document.write(x);
}

Những gì tôi đã làm ở đây là tôi đã trả về một lời hứa từ hàm justTesting. Sau đó, bạn có thể nhận được kết quả khi chức năng được giải quyết.

// new answer

function justTesting() {
  return new Promise((resolve, reject) => {
    if (true) {
      return resolve("testing");
    } else {
      return reject("promise failed");
   }
 });
}

justTesting()
  .then(res => {
     let test = res;
     // do something with the output :)
  })
  .catch(err => {
    console.log(err);
  });

Hi vọng điêu nay co ich!

// old answer

function justTesting() {
  return promise.then(function(output) {
    return output + 1;
  });
}

justTesting().then((res) => {
     var test = res;
    // do something with the output :)
    }

Tôi thích sử dụng lệnh "await" và các hàm không đồng bộ để loại bỏ sự nhầm lẫn về lời hứa,

Trong trường hợp này, trước tiên tôi sẽ viết một hàm không đồng bộ, hàm này sẽ được sử dụng thay vì hàm ẩn danh được gọi trong phần "promise.then" của câu hỏi này:

async function SubFunction(output){

   // Call to database , returns a promise, like an Ajax call etc :

   const response = await axios.get( GetApiHost() + '/api/some_endpoint')

   // Return :
   return response;

}

và sau đó tôi sẽ gọi hàm này từ hàm main:

async function justTesting() {
   const lv_result = await SubFunction(output);

   return lv_result + 1;
}

Lưu ý rằng tôi đã trả lại cả hàm chính và hàm phụ cho các hàm không đồng bộ ở đây.