资讯专栏INFORMATION COLUMN

javascript-1

ivan_qhz / 3005人阅读

摘要:每隔一秒打印利用块级作用域利用闭包利用实现一个函数,比如意味着等待毫秒利用和利用和

1.javascript 每隔一秒 打印 1,2,3,4,5

1.利用let(块级作用域)

for(let i=0;i<5;i++){
    setTimeout(function(){
        console.log(i)
    },1000*i)
}

2.利用闭包

for(var i=0;i<5;i++){
    (function(i){
        setTimeout(function(){
            console.log(i)
        },1000*i)
    })(i)
}

3.利用Promise

var arr = [];
var output = (i) => new Promise(resolve => {
  setTimeout(()=>{
    console.log(i)
    resolve()
  }, 1000*i)
});
for (var i=0; i<5; i++) {
  arr.push(output(i))
}
Promise.all(arr);
2.实现一个sleep函数,比如 sleep(1000) 意味着等待1000毫秒

1.利用Promise和setTimeout

function sleep(ms){
    return new Promise((resolve)=>{
        setTimeout(resolve,ms)
    })
}

sleep(2000).then(()=>{
    console.timeEnd("test");
})

2.利用async/await和Promise,setTimeout

function sleep(ms) {
    return new Promise(function(resolve, reject) {
        setTimeout(resolve, ms)
    })
}
async function init() {
    await sleep(3000);
}
init().then(() => {
    console.log(3000)
})

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

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

相关文章

  • JavaScript 权威指南》读书笔记 1 - 简介

    摘要:原文第一章主要介绍的大概情况基本语法。通过和来引用对象属性或数组元素的值就构成一个表达式。 原文:https://keelii.github.io/2016/06/16/javascript-definitive-guide-note-0/ 第一章 主要介绍 JavaScript 的大概情况、基本语法。之前没有 JavaScript 基础的看不懂也没关系,后续章节会有进一步的详细说明...

    sydMobile 评论0 收藏0
  • JavaScript的语言特性以及重要版本

    摘要:通常一个完成的不仅仅包含了还包括了以及相关版本该版本在中使用。基于原型函数先行的语言使用基于原型的的继承机制,函数是的第一等公民其他相关的语言特性编译型语言把做好的源程序全部编译成二进制代码的可运行程序。 转载请注明出处,创作不易,更多文章请戳 https://github.com/ZhengMaste... 前言:JavaScript诞生于1995年,它是一门脚本语言,起初的目...

    Yangder 评论0 收藏0
  • JavaScript简史

    摘要:一经发布,关注度就居高不下,这也引起了当时的巨头微软的注意。微软为了抢占浏览器的市场份额,在年月便在其发布的中搭载了其对的实现。 JavaScript诞生于1995年,最初的想法就是在人们提交表单的时候,提前做一些验证,提高用户体验。试想一下,再那个年代,因为网速很慢,提交个表单,可能要等待20几秒,再等待这么长的时间之后,服务器返回消息说有一个必填字段没有填......,介于此,Ne...

    BigNerdCoding 评论0 收藏0
  • 10 个你需要了解的最佳 javascript 开发实践

    摘要:原文译文个你需要了解的最佳开发实践译者的很多扩展的特性是的它变得更加的犀利,同时也给予程序员机会创建更漂亮并且更让用户喜欢的网站。这里让我们列出个最佳实践,帮助你有效地使用。代码即使最好的开发人员都会犯错。 原文:Top 10 Must Follow JavaScript Best Practices 译文:10 个你需要了解的最佳 javascript 开发实践 译者:gbin1...

    lijy91 评论0 收藏0
  • JavaScript简介

    摘要:发布后不久,微软就在其中加入了名为的实现命名为是为了避开与有关的授权问题。以现在的眼光来看,微软年月为进入浏览器领域而实施的这个重大举措,是导致日后蒙羞的一个标志性时间。微软推出其实现意味着有了两个不同的版本中的中的。 JavaScript简介 前言:最近在细读Javascript高级程序设计,对于我而言,中文版,书中很多地方一笔带过,所以用自己所理解的,尝试细致解读下。如有纰漏或错...

    teren 评论0 收藏0
  • JavaScript 编写规范

    摘要:如果你想了解更多关于强制类型转换的信息,你可以读一读的这篇文章。在只使用的情况下,所带来的强制类型转换使得判断结果跟踪变得复杂,下面的例子可以看出这样的结果有多怪了明智地使用真假判断当我们在一个条件语句中使用变量或表达式时,会做真假判断。 说明 如果本文档中有任何错误的、不符合行规的,敬请斧正。 引言 不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的。...

    MartinDai 评论0 收藏0

发表评论

0条评论

ivan_qhz

|高级讲师

TA的文章

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