async函数
标题 |
内容 |
async的引入 |
AsyncFunction 构造函数, Generator |
async的含义 |
async函数是什么? |
async的特点 |
内置执行器, 更好的语义, 更广的适用性, 返回值是Promise |
async的实现原理 |
Generator 函数, 自动执行器 |
async的引入
- ES2017标准引入了
async
函数,使得异步操作变得更加方便。也可以说是Generator
的语法糖。
(了解)AsyncFunction构造函数
AsyncFunction
构造函数用来创建新的异步函数对象,JavaScript中每个异步函数都是AsyncFunction
的对象。
async function asyncFunction(){
}
asyncFunction.constructor
- 注意:
AsyncFunction
并不是全局对象,需要通过下面的方法来获取:
Object.getPrototypeOf(async function(){
}).constructor
AsyncFunction语法
new AsyncFunction([arg1[, arg2[, ...argN]],] functionBody)
AsyncFunction参数
-
arg1, arg2, ... argN
: 函数的参数名,它们是符合JavaScript
标示符规范的一个或多个用逗号隔开的字符串。例如x, theValue
或a, b
。
-
functionBody
: 一段字符串形式的JavaScript
语句,这些语句组成了新函数的定义。
function resolveAfter2Seconds(x) {
return new Promise(resolve => {
setTimeout(() => {
resolve(x);
}, 2000);
});
}
var AsyncFunction = Object.getPrototypeOf(async function(){
}).constructor;
var a = new AsyncFunction('a',
'b',
'return await resolveAfter2Seconds(a) + await resolveAfter2Seconds(b);');
a(10, 20).then(v => {
console.log(v);
});
- 执行
AsyncFunction
构造函数的时候,会创建一个异步函数对象。但是这种方式不如先用异步函数表达式定义一个异步函数,然后再调用其来创建异步函数对象来的高效,因为第二种方式中异步函数是与其他代码一起被解释器解析的,而第一种方式的函数体是单独解析的。
- 传递给
AsyncFunction
构造函数的所有参数,都会成为新函数中的变量,变量的名称和定义顺序与各参数相同。
- 注意: 使用
AsyncFunction
构造函数创建的异步函数并不会在当前上下文中创建闭包,其作用域始终是全局的。因此运行的时候只能访问它们自己的本地变量和全局变量,但不能访问构造函数被调用的那个作用域中的变量。这是它与eval
不同的地方(eval
函数最好永远也不要使用)。
function resolveAfter2Seconds(x) {
return new Promise(resolve => {
setTimeout(() => {
resolve(x);
}, 2000);
})
}
var c = 1;
var AsyncFunction = Object.getPrototypeOf(async function(){
}).constructor;
var a = new AsyncFunction('a', 'b', 'c', 'return await resolveAfter2Seconds(a) + await resolveAfter2Seconds(b) + await resolveAfter2Seconds(c);');
a(10, 20, c).then(v => {
console.log(v);
})
function test() {
var x = 2, y = 4;
console.log(eval('x + y'));
var geval = eval;
console.log(geval('x + y'));
(0, eval)('x + y');
}
- 调用
AsyncFunction
构造函数时可以省略new
,其效果是一样的。
async函数
- async函数是使用
async
关键字声明的函数。async函数是AsyncFunction构造函数的实例,并且其中允许使用await
关键字。
- async和await关键字让我们可以用一种更简洁的方式写出基于
Promise
的异步行为,而无需刻意地链式调用promise
。
function resolveAfter2Seconds() {
return new Promise(resolve => {
setTimeout(() => {
resolve('resolved');
}