Kembali dari janji lalu ()

Saya punya kode javascript seperti ini:

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

var test = justTesting();

Saya selalu mendapatkan nilai yang tidak ditentukan untuk tes var. Saya pikir itu karena janji belum terselesaikan..ada cara untuk mengembalikan nilai dari sebuah janji?

Ketika Anda mengembalikan sesuatu dari then()panggilan balik, itu sedikit ajaib. Jika Anda mengembalikan nilai, nilai berikutnya then()dipanggil dengan nilai itu. Namun, jika Anda mengembalikan sesuatu seperti promise, yang berikutnya akan then()menunggu, dan hanya dipanggil saat promise itu selesai (berhasil / gagal).

Sumber: https://developers.google.com/web/fundamentals/getting-started/primers/promises#queuing-asynchronous-actions

Untuk menggunakan janji, Anda harus memanggil fungsi yang membuat janji atau Anda harus membuatnya sendiri. Anda tidak benar-benar menjelaskan masalah apa yang sebenarnya Anda coba selesaikan, tetapi inilah cara Anda membuat janji sendiri:

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

Atau, jika Anda sudah memiliki fungsi yang mengembalikan sebuah janji, Anda bisa menggunakan fungsi itu dan mengembalikan janji:

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

Apa yang telah saya lakukan di sini adalah bahwa saya telah mengembalikan sebuah janji dari fungsi justTesting. Anda kemudian bisa mendapatkan hasilnya saat fungsi diselesaikan.

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

Semoga ini membantu!

// old answer

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

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

Saya lebih suka menggunakan perintah "await" dan fungsi async untuk menghilangkan kerancuan janji,

Dalam hal ini saya akan menulis fungsi asynchronous pertama, ini akan digunakan sebagai pengganti fungsi anonim yang disebut di bawah bagian "promise.then" dari pertanyaan ini:

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;

}

dan kemudian saya akan memanggil fungsi ini dari fungsi utama:

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

   return lv_result + 1;
}

Memperhatikan bahwa saya mengembalikan fungsi utama dan sub fungsi ke fungsi asinkron di sini.