Development Tip

async / await는 암시 적으로 promise를 반환합니까?

yourdevel 2020. 10. 5. 21:01
반응형

async / await는 암시 적으로 promise를 반환합니까?


async키워드 로 표시된 비동기 함수가 암시 적으로 약속을 반환 한다는 것을 읽었습니다 .

async function getVal(){
 return await doSomethingAync();
}

var ret = getVal();
console.log(ret);

그러나 그것은 일관 적이 지 않습니다 ... doSomethingAsync()약속을 반환하고 await 키워드가 promise itsef가 아닌 promise에서 값을 반환 한다고 가정하면 getVal 함수 암시 적 약속이 아닌 해당 값을 반환해야합니다.

그렇다면 정확히 어떤 경우입니까? async 키워드로 표시된 함수는 암시 적으로 promise를 반환합니까? 아니면 반환하는 것을 제어합니까?

아마도 우리가 명시 적으로 무언가를 반환하지 않으면 암시 적으로 약속을 반환합니다 ...?

더 명확하게 말하면 위와

function doSomethingAync(charlie) {
    return new Promise(function (resolve) {
        setTimeout(function () {
            resolve(charlie || 'yikes');
        }, 100);
    })
}

async function getVal(){
   var val = await doSomethingAync();  // val is not a promise
   console.log(val); // logs 'yikes' or whatever
   return val;  // but this returns a promise
}

var ret = getVal();
console.log(ret);  //logs a promise

내 시놉시스에서 동작은 실제로 전통적인 return 문과 일치하지 않습니다. async함수 에서 약속이 아닌 값을 명시 적으로 반환하면 약속에 강제로 래핑하는 것처럼 보입니다 . 나는 그것에 큰 문제가 없지만 정상적인 JS를 무시합니다.


반환 값은 항상 약속입니다. 명시 적으로 promise를 반환하지 않으면 반환하는 값이 자동으로 promise에 래핑됩니다.

async function increment(num) {
  return num + 1;
}

// Even though you returned a number, the value is
// automatically wrapped in a promise, so we call
// `then` on it to access the returned value.
//
// Logs: 4
increment(3).then(num => console.log(num));

이 생길 경우에도 마찬가지입니다 await.

function defer(callback) {
  return new Promise(function(resolve) {
    setTimeout(function() {
      resolve(callback());
    }, 1000);
  });
}

async function incrementTwice(num) {
  const numPlus1 = await defer(() => num + 1);
  return numPlus1 + 1;
}

// Logs: 5
incrementTwice(3).then(num => console.log(num));

Promises auto-unwrap, 따라서 async함수 내에서 값에 대한 약속을 반환하면 값에 대한 약속을 받게됩니다 (값에 대한 약속에 대한 약속이 아님).

function defer(callback) {
  return new Promise(function(resolve) {
    setTimeout(function() {
      resolve(callback());
    }, 1000);
  });
}

async function increment(num) {
  // It doesn't matter whether you put an `await` here.
  return defer(() => num + 1);
}

// Logs: 4
increment(3).then(num => console.log(num));

내 시놉시스에서 동작은 실제로 전통적인 return 문과 일치하지 않습니다. 비동기 함수에서 약속이 아닌 값을 명시 적으로 반환하면 약속에 강제로 래핑합니다. 나는 그것에 큰 문제가 없지만 정상적인 JS를 무시합니다.

ES6에는 .NET Framework와 정확히 동일한 값을 반환하지 않는 함수가 있습니다 return. 이러한 함수를 생성기라고합니다.

function* foo() {
  return 'test';
}

// Logs an object.
console.log(foo());

// Logs 'test'.
console.log(foo().next().value);

사양을보고 다음 정보를 찾았습니다. 짧은 버전은 s async function를 생성하는 발전기 desugars Promise입니다. 그래서, 예, 비동기 함수는 약속을 반환합니다 .

tc39 사양 에 따르면 다음 사항이 적용됩니다.

async function <name>?<argumentlist><body>

Desugars to :

function <name>?<argumentlist>{ return spawn(function*() <body>, this); }

어디 spawn"다음의 알고리즘에 대한 호출입니다"

function spawn(genF, self) {
    return new Promise(function(resolve, reject) {
        var gen = genF.call(self);
        function step(nextF) {
            var next;
            try {
                next = nextF();
            } catch(e) {
                // finished with failure, reject the promise
                reject(e);
                return;
            }
            if(next.done) {
                // finished with success, resolve the promise
                resolve(next.value);
                return;
            }
            // not finished, chain off the yielded promise and `step` again
            Promise.resolve(next.value).then(function(v) {
                step(function() { return gen.next(v); });
            }, function(e) {
                step(function() { return gen.throw(e); });
            });
        }
        step(function() { return gen.next(undefined); });
    });
}

async doesn't return the promise, the await keyword awaits the resolution of the promise. async is an enhanced generator function and await works a bit like yield

I think the syntax (I am not 100% sure) is

async function* getVal() {...}

ES2016 generator functions work a bit like this. I have made a database handler based in top of tedious which you program like this

db.exec(function*(connection) {
  if (params.passwd1 === '') {
    let sql = 'UPDATE People SET UserName = @username WHERE ClinicianID = @clinicianid';
    let request = connection.request(sql);
    request.addParameter('username',db.TYPES.VarChar,params.username);
    request.addParameter('clinicianid',db.TYPES.Int,uid);
    yield connection.execSql();
  } else {
    if (!/^\S{4,}$/.test(params.passwd1)) {
      response.end(JSON.stringify(
        {status: false, passwd1: false,passwd2: true}
      ));
      return;
    }
    let request = connection.request('SetPassword');
    request.addParameter('userID',db.TYPES.Int,uid);
    request.addParameter('username',db.TYPES.NVarChar,params.username);
    request.addParameter('password',db.TYPES.VarChar,params.passwd1);
    yield connection.callProcedure();
  }
  response.end(JSON.stringify({status: true}));

}).catch(err => {
  logger('database',err.message);
  response.end(JSON.stringify({status: false,passwd1: false,passwd2: false}));
});

Notice how I just program it like normal synchronous particularly at

yield connection.execSql and at yield connection.callProcedure

The db.exec function is a fairly typical Promise based generator

exec(generator) {
  var self = this;
  var it;
  return new Promise((accept,reject) => {
    var myConnection;
    var onResult = lastPromiseResult => {
      var obj = it.next(lastPromiseResult);
      if (!obj.done) {
        obj.value.then(onResult,reject);
      } else {
       if (myConnection) {
          myConnection.release();
        }
        accept(obj.value);
      }
    };
    self._connection().then(connection => {
      myConnection = connection;
      it = generator(connection); //This passes it into the generator
      onResult();  //starts the generator
    }).catch(error => {
      reject(error);
    });
  });
}

참고URL : https://stackoverflow.com/questions/35302431/async-await-implicitly-returns-promise

반응형