typescript - try - Async/Await, ejemplo simple(mecanografía)

promesas javascript

Question

Estoy bastante familiarizado con el async / await de c # y he estado usando mecanografiado durante un año o así, ¿alguien puede dar un ejemplo sencillo que explique cómo funciona en mecanografiado? Gracias de antemano, esperamos encontrar ayuda e implementar el mismo

ACTUALIZAR
sería muy útil si el ejemplo incluye una promesa angular / jquery, ya que dará una visión clara de la implementación práctica

Answer 1

La clave es usar una Promesa ES6 o algo que implemente las interfaces PromiseLike y PromiseConstructorLike que se encuentran en lib.d.ts ( github.com/Microsoft/TypeScript/issues/1664 ). Una promesa de jQuery no implementa estas interfaces por lo que no funcionará con eso.

Aquí hay un ejemplo simple usando una promesa de ES6:

function getStringFromWebServerAsync(url: string) {
return new Promise<string>((resolve, reject) => {
// note: could be written `$.get(url).done(resolve).fail(reject);`,
// but I expanded it out for clarity
$.get(url).done((data) => {
resolve(data);
}).fail((err) => {
reject(err);
});
});
}
async function asyncExample() {
try {
let data = await getStringFromWebServerAsync("http://localhost/GetAString");
console.log(data);
}
catch (err) {
console.log(err);
}
}
asyncExample();

Tenga en cuenta que cualquier código que contenga una instrucción de await debe estar dentro de una función async , por lo que he incluido el código en uno.

Answer 2

Tenga en cuenta que debe apuntar ES6 en Typescript 1.7 para usar async / await. Con versiones inferiores, las salidas de Visual Studio.

TS1308 ''await'' expression is only allowed within an async function.

y

TS1311 Async functions are only available when targeting ECMAScript 6 and higher.

Para obtener más información, consulte, por ejemplo, http://blogs.msdn.com/b/typescript/archive/2015/11/03/what-about-async-await.aspx