资讯专栏INFORMATION COLUMN

代码片段

garfileo / 1315人阅读

摘要:只能出现在异步函数里结束上边的打印结果大家想必都知道,这是同步状态下的执行顺序在看一个栗子跟大家预期的结果一样,执行按照如下顺序输出咱们想做的是让他按这个顺序执行下来咱们就要用到

 function p1(){
    return new Promise(function(resolve,reject){
        setTimeout(function(){
            console.log("p1_3000");
            resolve()
        },3000)
    })
   
}
function p2(){
    return new Promise(function(resolve,reject){
        setTimeout(function(){
            console.log("p2_2000");
            resolve()
        },2000)
    })
}
        
//await 只能出现在异步函数里
 async function f(){
    console.log("0000")
    await p1();
    await p2();
    console.log("1010")
 }
 
 p3=f();
 p3.then(function(){
     console.log("结束")
 })
console.log(1);
console.log(2);
setTimeout(function(){
    console.log(3)
},3000);
console.log(4);
console.log(5)

上边的打印结果大家想必都知道,这是同步状态下的执行顺序

//在看一个栗子
function p1(){
    return new Promise(function(resolve,reject){
        setTimeout(function(){
            console.log("p1_3000");
            resolve()
        },3000)
    })
}
function p2(){
    return new Promise(function(resolve,reject){
        setTimeout(function(){
            console.log("p2_2000");
            resolve()
        },2000)
    })
}
 console.log("0000");
 p1();
 p2();
 console.log("1010")

 //跟大家预期的结果一样,执行按照如下顺序输出
 //0000 
 //1010
 //p2_2000
 //p1_3000

咱们想做的是让他按这个顺序执行下来咱们就要用到

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/101935.html

相关文章

  • VIM 代码片段插件 ultisnips 使用教程

    摘要:博客原文同步安装插件安装分两部分,一个是插件本身,另外一个是代码片段仓库。一般来说把默认的代码片段仓库下载下来按需修改后上传到自己的即可。这时需要使用参数选项使用正则代码片段通常写代码的时候需要使用等来打印上下文中的变量。 博客原文同步 安装 Ultisnips 插件安装分两部分,一个是 ultisnips 插件本身,另外一个是代码片段仓库。一般来说把默认的代码片段仓库下载下来按需修改...

    jsummer 评论0 收藏0
  • vscode 自定义代码片段

    摘要:插件描述语法制表位使用制表位可是在代码片段中移动光标位置,使用来指定光标的位置数字代表光标的移动的顺序,值得注意的时代表光标的最后位置。 实现效果 showImg(https://segmentfault.com/img/remote/1460000018457366?w=813&h=508); 起因 最近在写一个全新的项目,在项目中频繁创建各种类,这就导致很多重复的东西需要频繁的写,...

    SHERlocked93 评论0 收藏0
  • 前端常用代码片段(六)

    摘要:本文总结的代码片段六持续更新前端常用代码片段一点这里前端常用代码片段二点这里前端常用代码片段三点这里前端常用代码片段四点这里前端常用代码片段五点这里前端常用代码片段六点这里多彩的传入和变量本节参考文章多彩的版本号比较和和本节参考文章 本文总结的代码片段(六)--持续更新 前端常用代码片段(一) 点这里前端常用代码片段(二) 点这里前端常用代码片段(三) 点这里前端常用代码片段(四) 点...

    zengdongbao 评论0 收藏0
  • 一种让小程序支持JSX语法的新思路

    摘要:下面我们介绍一种全新的处理思路,这种思路在小程序运行期间和真正的几无区别,不会改变任何代码语义,表达式只会被处理为方法调用,实际运行的时候就是普通对象,最终通过其他方式渲染出小程序视图。最终渲染出小程序视图。 React社区一直在探寻使用React语法开发小程序的方式,其中比较著名的项目有Taro,nanachi。而使用React语法开发小程序的难点主要就是在JSX语法上,JSX本质上...

    Riddler 评论0 收藏0
  • 第一个网络爬虫-抓取CodeSnippet代码片段

    摘要:抓取代码片段目标抓取中的代码片段分析代码分享你的世界代码块发布代码片段片段列表一个线程如果是个人英雄主义,那么多线程就是集体主义,你不再是一个独行侠,而是一个指挥家。 CodeSnippet 抓取代码片段 目标 抓取CodeSnippet中的代码片段 showImg(https://segmentfault.com/img/bVHqsT?w=730&h=521); 分析 showImg...

    xcold 评论0 收藏0

发表评论

0条评论

garfileo

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<