异步解决方案async & await 及在gulp和webpack中的使用

CodingDangerously

于 2019-09-26 18:36:09 发布

阅读量841

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： nodeJs webpack gulp 构建工具

本文链接：https://blog.youkuaiyun.com/NewObjectNotFound/article/details/101461116

本文探讨了async & await作为最佳异步解决方案的优势，并通过示例展示了如何在webpack和gulp中结合babel进行使用。在webpack中，无需额外处理模块依赖；在gulp中，详细介绍了正确使用browserify、gulp-buffer和vinyl-source-stream的方法，以确保在浏览器环境中运行。同时警告避免使用已废弃的gulp-browserify。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

async & await 是目前为止最好的异步解决方案

从回调函数的形式 =》es6提出的promise =》es8提出的async & await

async & await将异步处理做到了极致 => 用同步代码的方式来处理异步

下面我们来简单的看一个示例：存在异步请求A和B，当A的返回值为success执行B

var A = () => {
   
     return new Promise(function(resolve, reject){
   
              setTimeout(function(){
   
                    resolve("success");
              },3000);
    })
}

var B = () => {
   
     return new Promise(function(resolve, reject){
   
              setTimeout(function(){
   
                    resolve("done");
                    //reject("error");
              },1000);
    })
}

//Promise + then
A().then(res => {
   
        if (res == "success") {
   
            return B();
        }else{
   
            console.log("error");
        }
    })
    .then(res => {
   
        console.

最低0.47元/天解锁文章