16 JS 中保留小数与定时器与异步代码

185 阅读2分钟

1.保留小数

语法: toFixed(保留几位小数),保留小数的时候,四舍五入,并且返回的是字符串

    var num = 100.123456789
    var num1 = num.toFixed(2) // 通过四舍五入保留两位小数  100.12
    var num2 = num.toFixed(4) // 通过四舍五入保留四位小数  100.1235
    console.log(num1) // 100.12
    console.log(num2) // 100.1235

2.定时器

2.1计时器 setInterval(每间隔固定的时间执行一次)

  • 语法: setInterval(函数,数字/时间)
  • 函数: 每间隔固定的时间要执行的代码
  • 数字:间隔的时间,注意单位是毫秒,最小值为4~20毫秒
    var timeId1 = setInterval(function(){
      console.log('我是一个定时器~~~')
    },1000)
    console.log('计时器id1',timeId1)
    clearTimeout(timeId1)
    //clearInterval(timeId1)

2.2倒计时器 setTimeout(在指定时间到达后,执行一次)

  • 语法: setTimeout(函数,数字)
  • 函数: 在指定时间到达后要执行的代码
  • 数字:间隔的时间,注意单位是毫秒
    var timeId2 = setTimeout(function(){
      console.log('我是一个倒计时器')
    },3000)
    console.log('倒计时器id2',timeId2)
    clearTimeout(timeId2)
    //clearInterval(timeId2)

2.3两个定时器的返回值与意义

  • 返回值不区分定时器种类,用于表示你这个定时器是页面中的第几个定时器
  • 作用:用来关闭定时器

2.4关闭定时器

  • 不区分定时器种类,只要给出正确的定时器返回值就可以关闭
  • 语法: 1.clearTimeout(定时器返回值)
  • 注意:能够关闭计时器,也能关闭倒计时器 ;开发人员的约定,这个定时器只用来关闭倒计时器;目的就是为了让其他开发人员看到这行代码知道你关闭了一个倒计时器
  • 语法: 2.clearInterval(定时器返回值)
  • 注意:能够关闭计时器,也能关闭倒计时器;开发人员的约定,这个定时器只用来关闭 计时器;目的就是为了让其他开发人员看到这行代码知道你关闭了一个计时器

3.异步代码

3.1什么是非异步代码?

 按照从上往下的顺序,从左到右的顺序,依次执行每一行代码
 如果上一行代码没有执行完毕,不会执行下一行代码

3.2什么是异步代码?

当代码遇到异步任务的时候,会把这个代码放在 "异步队列" 内等待
所有的同步代码全部执行完毕之后,再开始执行"异步队列" 内的代码

3.3什么是异步任务?

两种定时器都是异步任务
可以理解:先执行定时器外面的代码,然后执行定时器里面的代码
    console.log('1')
    
    setTimeout(function(){
      console.log('2')
    },3000)

    console.log('3')

    setTimeout(function(){
      console.log('4')
    },4000)

    console.log('5')

    setTimeout(function(){
      console.log('6')
    },2000)
    
    console.log('7')
    /**
     *打印结果: 1 3 5 7 6 2 4
    */