进制转换(了解)与保留小数(掌握)

十进制转换为其他进制

十进制数字.toString(其他进制的数)

var num = 100
num.toString(2) // 将 10 进制的 100, 转换为 2 进制的数, 得到了: '1100100'
num.toString(36) // 将 10 进制的 100, 转换为 36 进制的数, 得到了: '2s'

其他进制转换为十进制

var num = parseInt(数字, 将数字视为几进制的数字然后转换为10进制的数字)

var num = parseInt(100, 2)  // 将100视为2进制的数, 然后将其转换为十进制的数字, 得到了: 4
var num = parseInt(100, 16)  // 将100视为16进制的数, 然后将其转换为十进制的数字, 得到了: 256

保留小数 toFixed, 保留小数时四舍五入, 且返回的是字符串

var num = 100.123456789
var num1 = num.toFixed(2)   // 100.12
var num2 = num.toFixed(4)   // 100.1235

Math 与 Date

Math 给我们提供了操作数据的一些方法, 是 JS 内置的一个对象
Date 给我们提供了操作时间的一些方法, 是 JS 内置的一个对象

数学方法

random / round / ceil / floor / abs
- random
  - 语法: Math.random()
  - 作用: 得到一个随机数, 每次生成的数字都不一样, 但一定是0~1之间的,包含0 不包含1
- round
  - 语法: Math.round(数字)
  - 作用: 将一个小数四舍五入变成整数
- ceil
  - 语法: Math.ceil(数字)
  - 作用: 将一个小数向上取整
- floor
  - 语法: Math.floor(数字)
  - 作用: 将一个小数, 向下取整
- abs
  - 语法: Math.abs(数字)
  - 作用: 返回一个数字的绝对值
sqrt / pow / max / min / PI
- sqrt
  - 语法: Math.sqrt(数字)
  - 作用: 求平方根
- pow
  - 语法: Math.pow(基数, 幂)
  - 作用: 返回基数的几次幂
- max
  - 语法: Math.max(数字1, 数字2, 数字3, 数字4)
  - 作用: 返回最大值
- min
  - 语法: Math.min(数字1, 数字2, 数字3, 数字4)
  - 作用: 返回最小值
- PI
  - 语法: Math.PI()
  - 作用: 得到 π
封装函数: 范围内的随机整数

* Math 方法补充

     * 
     * 
     *  搜索的关键字: JS Math MDN
    */

    // 绝对值
     console.log(Math.abs(10))
     console.log(Math.abs(-10))

    // 最大值   需要传递多个数字, 然后能够判断出这些数字中最大值, 不能直接传递数组
     console.log(Math.max(100, 59, 77, 201, 566))
     console.log(Math.max([100, 59, 77, 201, 566]))


    // 最小值, 规则和最大值相同, 只不过返回的是这些数字中 最小的值
     console.log(Math.min(100, 59, 77, 201, 566, 1))
     console.log(Math.min([100, 59, 77, 201, 566]))
    
    
    
    
    // 让 最大值和最小值能够接收数组 
    console.log(Math.max(...[100, 59, 77, 201, 566]))  // 就是三个 ... 号
    var arr = [100, 59, 77, 201, 566]
    console.log(Math.min(...arr))

时间对象

时间对象的创建

语法: var timer = new Date()

不传参

默认返回当前时间

var timer = new Date()
console.log(timer)
// Fri Oct 07 2022 08:52:29 GMT+0800 (中国标准时间)

传参

可以获取到一个你传递进去的时间

var timer = new Date('2022-01-06 12:12:12')
console.log(timer)
// Thu Jan 06 2022 12:12:12 GMT+0800 (中国标准时间)

传递两个数字, 第一个为年, 第二个为月

var timer = new Date(2022, 00)  // 注意 月份从 0 开始计数, 0表示1月, 11表示12月
console.log(timer)
// Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)

传递三个数字, 前两个不变, 第三个表示该月份的第几天, 从1到31

var timer = new Date(2022, 00, 31)  // 注意 月份从 0 开始计数, 0表示1月, 11表示12月
console.log(timer)
// Mon Jan 31 2022 00:00:00 GMT+0800 (中国标准时间)

传递四个数字, 前三个不变, 第四个表示当天的几点, 0-23

var timer = new Date(2022, 00, 31, 23)  // 注意 月份从 0 开始计数, 0表示1月, 11表示12月
console.log(timer)
// Mon Jan 31 2022 23:00:00 GMT+0800 (中国标准时间)

传递五个数字, 前四个不变, 第五个为该小时的多少分钟, 0-59

var timer = new Date(2022, 00, 31, 23, 59)  // 注意 月份从 0 开始计数, 0表示1月, 11表示12月
console.log(timer)
// Mon Jan 31 2022 23:59:00 GMT+0800 (中国标准时间)

传递六个参数, 前五个不变, 第六个表示该分钟的多少秒, 0-59

var timer = new Date(2022, 00, 31, 23, 59, 59)  // 注意 月份从 0 开始计数, 0表示1月, 11表示12月
console.log(timer)
// Mon Jan 31 2022 23:59:59 GMT+0800 (中国标准时间)

传递字符串的形式

console.log(new Date('2019'))   // Tue Jan 01 2019 08:00:00 GMT+0800 (中国标准时间)

console.log(new Date('2019-02'))   // Fri Feb 01 2019 08:00:00 GMT+0800 (中国标准时间)

console.log(new Date('2019-02-28')) // Thu Feb 28 2019 08:00:00 GMT+0800 (中国标准时间)

console.log(new Date('2019-02-28 13:')) // Thu Feb 28 2019 13:00:00 GMT+0800 (中国标准时间)
 
console.log(new Date('2019-02-28 13:13:')) // Thu Feb 28 2019 13:13:00 GMT+0800 (中国标准时间)
 
console.log(new Date('2019-02-28 13:13:13')) // Thu Feb 28 2019 13:13:13 GMT+0800 (中国标准时间)

将日期对象格式化成指定内容

我们得到的时间字符串是: Thu Feb 28 2019 13:13:13 GMT+0800 (中国标准时间)
我们得到这个日期中是那年或者那天, 需要靠截取字符串的形式得到
但是现在 JS 为我们提供了一系列的方法来得到里面的指定内容

getFullYear

得到指定字符串中的那一年

var timer = new Date(2022, 00, 31, 23, 59, 59)
console.log(timer) // Mon Jan 31 2022 23:59:59 GMT+0800 (中国标准时间)
console.log(timer.getFullYear()) // 2022

getMonth

得到指定字符串中的那一月, 月的计数从 0 开始

var timer = new Date(2022, 00, 31, 23, 59, 59)
console.log(timer) // Mon Jan 31 2022 23:59:59 GMT+0800 (中国标准时间)
console.log(timer.getMonth()) // 0

getDate

得到指定字符串中的那一日

var timer = new Date(2022, 00, 31, 23, 59, 59)
console.log(timer) // Mon Jan 31 2022 23:59:59 GMT+0800 (中国标准时间)
console.log(timer.getDate()) // 31

getHours

得到指定字符串的那小时

var timer = new Date(2022, 00, 31, 23, 59, 59)
console.log(timer) // Mon Jan 31 2022 23:59:59 GMT+0800 (中国标准时间)
console.log(timer.getHours()) // 23

getMinutes

得到指定字符串中的那分钟

var timer = new Date(2022, 00, 31, 23, 59, 59)
console.log(timer) // Mon Jan 31 2022 23:59:59 GMT+0800 (中国标准时间)
console.log(timer.getMinutes()) // 59

getSeconds

得到指定字符串中的那秒钟

var timer = new Date(2022, 00, 31, 23, 59, 59)
console.log(timer) // Mon Jan 31 2022 23:59:59 GMT+0800 (中国标准时间)
console.log(timer.getSeconds()) // 59

getDay

获取当前日期是一周中的第几天(周日是0, 周六是6)

var timer = new Date(2022, 00, 31, 23, 59, 59)
console.log(timer) // Mon Jan 31 2022 23:59:59 GMT+0800 (中国标准时间)
console.log(timer.getDay()) // 1

getTime

按照格林威治时间计算从1970 年 1 月 1 日 0 时 0 分 0 秒到现在(或指定日期)的毫秒数

var timer = new Date(2022, 00, 31, 23, 59, 59)
console.log(timer) // Mon Jan 31 2022 23:59:59 GMT+0800 (中国标准时间)
console.log(timer.getTime()) // 1554681622000

Date.now()

    // 获取当前距离1970.1.1 的毫秒数 1天->24小时   1小时->60分  1分->60秒  1秒->1000毫秒
    // console.log(Date.now());

设置相关

setFullYear()

语法: 时间对象.setFullYear(年份信息)
作用: 修改该时间对象内的年份信息

var time = new Date()
timer.setFullYear(2008)
console.log(timer.getFullYear())

setMonth()

语法: 时间对象.setMonth(月份信息)
作用: 修改该时间对象内的月份信息

var time = new Date()
timer.setMonth(2)//月 0-11
console.log(timer.getMonth())

setDate()

语法: 时间对象.setDate(日期信息)
作用: 修改该时间对象内的日期信息

var time = new Date()
timer.setDate(4)
console.log(timer.getDate())
 date.setDate(0);//1是当前月1日，0就是上月最后一天

setHours()

语法: 时间对象.setHours(小时信息)
作用: 修改该时间对象内的小时信息

var time = new Date()
timer.setHours(12)
console.log(timer.getHours())

setMinutes()

语法: 时间对象.setMinutes(分钟信息)
作用: 修改该时间对象内的分钟信息

var time = new Date()
timer.setMinutes(45)
console.log(timer.getMinutes())

setSeconds()

语法: 时间对象.setSecond(秒钟信息)
作用: 修改该时间对象内的秒钟信息

var time = new Date()
timer.setSeconds(20)
console.log(timer.getSeconds())

setMilliseconds()

语法: 时间对象.setMilliseconds(毫秒信息)
作用: 修改该时间对象内的毫秒信息

var time = new Date()
timer.setMilliseconds(857)
console.log(timer.getMilliseconds())

setTime()

语法: 时间对象.setTime(毫秒信息)
作用: 使用时间戳信息直接定位时间对象

var time = new Date()
timer.setTime(1440004004531)
console.log(timer)

定时器

两种定时器的介绍和作用 ( setTimeout / setInterval )
- setInterval 计时器, 每间隔固定的时间执行一次语法: setInterval(函数, 数字) 函数: 每间隔多少时间执行的代码数字: 间隔时间, 单位是毫秒
```
  setInterval(function () {
  console.log('定时器每次执行的时候, 我就会被打印一次')
  }  //涵数 , 1000   // 数字)
```
- setTimeout 倒计时器, 在指定时间到达后, 执行一次
  - 语法: setTimeout(函数, 数字) 函数: 一段时间后执行的代码数字: 间隔时间, 单位是毫秒
```
  setTimeout(function () {
   console.log('倒计时器时间到的时候, 我会执行一次')
  }//涵数 , 1000 // 数字)
```
  当不传递第二个参数的时候, 或者传递的是0的时候
  - 执行速度会按照最快的速度执行
  - 最快的速度一般为 4~20 毫秒, 最快速度与电脑性能有关
  - 所以在书写定时器或者倒计时器的时候, 需要我们指定一个时间, 一般不要不写或者给 0 毫秒 */
定时器的返回值及意义
- 返回值不区分定时器种类, 用于表示你这个定时器是页面中的第几个定时器
- 作用: 用来关闭定时器

关闭定时器

不区分定时器种类, 只要给出正确的定时器返回值就可以关闭

语法:

clearTimeout(定时器返回值)

clearInterval(定时器返回值)

   var timerId = setInterval(function () {}, 1000)
   console.log(timerId)
   var timerId = setTimeout(function () {}, 1000)
   console.log(timerId)

简单的代码异步执行机制

什么是非异步执行代码
- 按照从上到下的顺序, 从左到右的顺序, 依次执行每一行代码
- 上一行代码没有执行完毕, 不会执行下一行代码
什么是异步执行代码
- 当代码遇到异步任务的时候, 会把该代码放在异步队列内等待
- 所有的同步代码执行完毕后, 再开始执行异步队列内的代码

什么是异步任务

两种定时器都是异步任务

可以理解为, 先执行定时器外面的代码, 然后执行定时器里边的代码

console.log('1. JS开始执行')

  setTimeout(function () {
      console.log('2. 一个非常耗时的任务执行完毕')
  })

  console.log('3. JS执行完毕')



  /**
     同步任务
         1. JS开始执行
         3. JS执行完毕

     异步任务
         2. 一个非常耗时的任务执行完毕
  */

取整数大小，时间对象