export default和 export const
export default 是默认导出
export const 是命名导出
在一个vue文件中export const可以有多个,但是export default只有且仅有一个,{}表示导入非默认变量 , 也就是说文件中不使用export default导出的变量就需要加{}, 使用export default导出的就可以不加花括号
图片中的$为笔者习惯,特地区别异步函数的前缀。
async
函数返回的是一个 Promise 对象,所以在最外层不能用 await 获取其返回值的情况下,我们当然应该用原来的方式:then()链来处理这个 Promise 对象,就像这样
testAsync().then(v => {
console.log(v); // 输出 hello async
});
语法很简单,就是在函数前面加上async关键字,来表示它是异步的,那怎么调用呢?用then执行,例如:f().then(alert);
await
await 实际上会暂停函数的执行,直到 promise 状态变为 完成,然后以 promise 的结果继续执行。这个行为不会耗费任何 CPU 资源,因为 JavaScript 引擎可以同时处理其他任务:执行其他脚本,处理事件等。