約束から戻るthen（）

私はこのようなjavascriptコードを持っています：

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

var test = justTesting();

varテストでは常に未定義の値を取得しています。それは約束がまだ解決されていないからだと思います。約束から値を返す方法はありますか？

then()コールバックから何かを返すとき、それは少し魔法です。値を返す場合、その値で次then()が呼び出されます。ただし、promiseのようなものを返す場合、next then()はそれを待機し、そのpromiseが解決した（成功/失敗した）場合にのみ呼び出されます。

ソース：https : //developers.google.com/web/fundamentals/getting-started/primers/promises#queuing-asynchronous-actions

promiseを使用するには、promiseを作成する関数を呼び出すか、promiseを自分で作成する必要があります。あなたが本当に解決しようとしている問題を本当に説明しているわけではありませんが、自分でプロミスを作成する方法は次のとおりです。

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

または、promiseを返す関数がすでにある場合は、その関数を使用してそのpromiseを返すことができます。

// 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関数からpromiseを返したことです。その後、関数が解決されたときに結果を取得できます。

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

私は約束の混乱を取り除くために「await」コマンドと非同期関数を使用することを好みます、

この場合、最初に非同期関数を記述します。これは、この質問の「promise.then」の部分で呼び出される匿名関数の代わりに使用されます。

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

ここでは、メイン関数とサブ関数の両方を非同期関数に返したことに注意してください。