กลับจากคำสัญญาแล้ว ()

ฉันมีรหัสจาวาสคริปต์เช่นนี้:

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

var test = justTesting();

ฉันมีค่าที่ไม่ได้กำหนดไว้เสมอสำหรับการทดสอบ var ฉันคิดว่าคงเป็นเพราะคำสัญญาที่ยังไม่ได้รับการแก้ไข .. มีวิธีคืนค่าจากคำสัญญาหรือไม่?

เมื่อคุณส่งคืนบางสิ่งจากการthen()โทรกลับมันวิเศษมาก หากคุณส่งคืนค่าค่าถัดไปthen()จะถูกเรียกด้วยค่านั้น อย่างไรก็ตามหากคุณส่งคืนสิ่งที่เหมือนคำสัญญาสิ่งต่อไปthen()จะรอและจะถูกเรียกก็ต่อเมื่อสัญญานั้นตกลง (สำเร็จ / ล้มเหลว)

ที่มา: https://developers.google.com/web/fundamentals/getting-started/primers/promises#queuing-asynchronous-actions

ในการใช้คำสัญญาคุณต้องเรียกใช้ฟังก์ชันที่สร้างคำสัญญาหรือคุณต้องสร้างขึ้นมาเอง คุณไม่ได้อธิบายถึงปัญหาที่คุณกำลังพยายามแก้ไขจริงๆ แต่นี่คือวิธีที่คุณจะสร้างสัญญาด้วยตัวเอง:

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);
}

หรือถ้าคุณมีฟังก์ชันที่ส่งคืนคำสัญญาอยู่แล้วคุณสามารถใช้ฟังก์ชันนั้นและคืนสัญญาได้:

// 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);
}

สิ่งที่ฉันทำที่นี่คือฉันได้คืนสัญญาจากฟังก์ชัน justTesting จากนั้นคุณจะได้รับผลลัพธ์เมื่อฟังก์ชันได้รับการแก้ไข

// 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);
  });

หวังว่านี่จะช่วยได้!

// old answer

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

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

ฉันชอบใช้คำสั่ง "รอ" และฟังก์ชัน async เพื่อกำจัดความสับสนของคำสัญญา

ในกรณีนี้ฉันจะเขียนฟังก์ชันอะซิงโครนัสก่อนสิ่งนี้จะถูกใช้แทนฟังก์ชันที่ไม่ระบุตัวตนที่เรียกว่าภายใต้ "สัญญาแล้ว" ส่วนหนึ่งของคำถามนี้:

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;

}

จากนั้นฉันจะเรียกฟังก์ชันนี้จากฟังก์ชันหลัก:

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

   return lv_result + 1;
}

สังเกตว่าฉันส่งคืนทั้งฟังก์ชันหลักและฟังก์ชันย่อยเป็นฟังก์ชัน async ที่นี่