函数可以得到它返回的期约:
async function foo() { console.log(1); return 3;
}
// 给返回的期约添加一个解决处理程序
foo().then(console.log);
console.log(2);
// 1 // 2 // 3
当然,直接返回一个期约对象也是一样的:
async function foo() { console.log(1);
return Promise.resolve(3);
}
// 给返回的期约添加一个解决处理程序 foo().then(console.log);
console.log(2);
// 1 // 2 // 3
异步函数的返回值期待(但实际上并不要求)一个实现 thenable 接口的对象,但常规的值也可以。 8 如果返回的是实现 thenable 接口的对象,则这个对象可以由提供给 then()的处理程序“解包”。如果 不是,则返回值就被当作已经解决的期约。下面的代码演示了这些情况:
10 return ['bar']; 11
// 返回一个原始值
async function foo() {
return 'foo'; }
foo().then(console.log); // foo
// 返回一个没有实现 thenable 接口的对象 async function bar() {
} bar().then(console.log); // ['bar']
// 返回一个实现了 thenable 接口的非期约对象 async function baz() {
const thenable = {
then(callback) { callback('baz'); }
12
}; 13
return thenable; }
baz().then(console.log); // baz
/ 返回一个期约
async function qux() {
return Promise.resolve('qux'); }
qux().then(console.log); // qux
与在期约处理程序中一样,在异步函数中抛出错误会返回拒绝的期约:
async function foo() { console.log(1); throw 3;
}
// 给返回的期约添加一个拒绝处理程序 foo().catch(console.log); console.log(2);
// 1 // 2 // 3
不过,拒绝期约的错误不会被异步函数捕获:
async function foo() { console.log(1); Promise.reject(3);
}
// Attach a rejected handler to the returned promise
foo().catch(console.log);
console.log(2);
// 1
// 2
// Uncaught (in promise): 3
ES8 的 async/await 旨在解决利用异步结构组织代码的问题。为此,ECMAScript 对函数进行了扩展, 为其增加了两个新关键字:async 和 await。 1. async async 关键字用于声明异步函数。这个关键字可以用在函数声明、函数表达式、箭头函数和方法上: async function foo() {}
let bar = async function() {};
let baz = async () => {};
class Qux { async qux() {}
}
使用 async 关键字可以让函数具有异步特征,但总体上其代码仍然是同步求值的。而在参数或闭 包方面,异步函数仍然具有普通 JavaScript 函数的正常行为。正如下面的例子所示,foo()函数仍然会 在后面的指令之前被求值:
标签:function,异步,console,log,js,返回值,async,foo,函数 From: https://blog.51cto.com/u_16298172/9346044