【JS笔记】JavaScript语法《基础+重点》知识内容，快速上手（三）

最新推荐文章于 2024-06-19 14:45:15 发布

旺旺大力包

最新推荐文章于 2024-06-19 14:45:15 发布

阅读量994

点赞数 22

分类专栏： JavaScript 笔记合集文章标签： javascript 笔记开发语言

本文链接：https://blog.csdn.net/leoxingc/article/details/135660601

版权

JavaScript 同时被 2 个专栏收录

16 篇文章 30 订阅

订阅专栏

笔记合集

9 篇文章 1 订阅

订阅专栏

Math 和 Date

Math 是 js 的一个内置对象，提供了一堆的方法帮助我们操作数字
Date 是 js 的一个内置构造函数，提供了一堆的方法帮助我们操作时间

Math

没有什么多余的东西，就是一堆的方法来操作数字

random

Math.random() 这个方法是用来生成一个 0 ~ 1 之间的随机数
每次执行生成的数字都不一样，但是一定是 0 ~ 1 之间的

生成的数字包含 0 ，但是不包含 1

var num = Math.random()
console.log(num) // 得到一个随机数

round

Math.round() 是将一个小数 四舍五入 变成一个整数

var num = 10.1
console.log(Math.round(num)) // 10

var num2 = 10.6
console.log(Math.round(num2)) // 11

abs

Math.abs() 是返回一个数字的 绝对值

var num = -10
console.log(math.abs(num)) // 10

ceil

Math.ceil() 是将一个小数 向上取整 得到的整数

var num = 10.1
console.log(Math.ceil(num)) // 11

var num2 = 10.9
console.log(Math.ceil(num2)) // 11

floor

Math.floor() 是将一个小数 向下取整 的到的整数

var num = 10.1
console.log(Math.floor(num)) // 10

var num2 = 10.9
console.log(Math.floor(num2)) // 10

max

Math.max() 得到的是你传入的几个数字之中最大的那个数字

console.log(Math.max(1, 2, 3, 4, 5)) // 5

console.log(Math.max(...[1, 2, 3, 4, 5])) // 5

min

Math.min() 得到的是你传入的几个数字之中最小的那个数字

console.log(Math.min(1, 2, 3, 4, 5)) // 1
console.log(Math.min(...[1, 2, 3, 4, 5])) // 1

PI

Math.PI 得到的是 π 的值，也就是 3.1415936...
```
console.log(Math.PI) // 3.141592653589793
```
- 因为计算机的计算精度问题，只能得到小数点后 15 位

pow sqrt sin

 // 2的10次方 
        // 2**10
        console.log(Math.pow(2, 10));

        // 算术 平方根 

        console.log(Math.sqrt(4));
        console.log(Math.sqrt(2));



        // 正弦  30度（角度）   的正弦值

        // 角度-》弧度
        // 30----> PI/180  *30
        //console.log(Math.sin(弧度));
        console.log(Math.sin(Math.PI / 180 * 30));

Date

js 提供的内置构造函数，专门用来获取时间的

new Date()

new Date() 在不传递参数的情况下是默认返回当前时间

var time = new Date()
console.log(time) // 当前时间 Fri Mar 01 2019 13:11:23 GMT+0800 (中国标准时间)

new Date() 在传入参数的时候，可以获取到一个你传递进去的时间

var time = new Date('2019-03-03 13:11:11')
console.log(time) // Sun Mar 03 2019 13:11:11 GMT+0800 (中国标准时间)

var time = new Date(1608778010083)//时间戳转为日期对象

new Date() 传递的参数有多种情况

传递两个数字，第一个表示年，第二个表示月份

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

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

var time = new Date(2019, 00, 05) 
console.log(time) // Sat Jan 05 2019 00:00:00 GMT+0800 (中国标准时间)

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

var time = new Date(2019, 00, 05, 22) 
console.log(time) // Sat Jan 05 2019 22:00:00 GMT+0800 (中国标准时间)

传递五个数字，前四个不变，第五个表示的是该小时的多少分钟，从 0 到 59

var time = new Date(2019, 00, 05, 22, 33) 
console.log(time) // Sat Jan 05 2019 22:33:00 GMT+0800 (中国标准时间)

传递六个数字，前五个不变，第六个表示该分钟的多少秒，从 0 到 59

var time = new Date(2019, 00, 05, 22, 33, 55) 
console.log(time) // Sat Jan 05 2019 22:33:55 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-03')) 
// Sun Feb 03 2019 08:00:00 GMT+0800 (中国标准时间)
console.log(new Date('2019-02-03 13:')) 
// Sun Feb 03 2019 13:00:00 GMT+0800 (中国标准时间)
console.log(new Date('2019-02-03 13:13:')) 
// Sun Feb 03 2019 13:13:00 GMT+0800 (中国标准时间)
console.log(new Date('2019-02-03 13:13:13')) 
// Sun Feb 03 2019 13:13:13 GMT+0800 (中国标准时间)

将日期字符串格式化成指定内容

比如我们得到的时间字符串是 Sun Feb 03 2019 13:13:13 GMT+0800 (中国标准时间)
我指向得到这个日期中是那一年，我们就要靠截取字符串的形式得到
但是现在 js 为我们提供了一系列的方法来得到里面的指定内容

getFullYear

getFullYear() 方式是得到指定字符串中的哪一年

var time = new Date(2019, 03, 03, 08, 00, 22)
console.log(time.getFullYear()) // 2019

getMonth

getMonth() 方法是得到指定字符串中的哪一个月份
```
var time = new Date(2019, 03, 03, 08, 00, 22)
console.log(time.getMonth()) // 3
```
- 这里要有一个注意的地方
- 月份是从 0 开始数的
- 0 表示 1月，1 表示 2月，依此类推

getDate

getDate() 方法是得到指定字符串中的哪一天

var time = new Date(2019, 03, 03, 08, 00, 22)
console.log(time.getDate()) // 3

getHours

getHours() 方法是得到指定字符串中的哪小时

var time = new Date(2019, 03, 03, 08, 00, 22)
console.log(time.getHours()) // 8

getMinutes

getMinutes() 方法是得到指定字符串中的哪分钟

var time = new Date(2019, 03, 03, 08, 00, 22)
console.log(time.getMinutes()) // 0

getSeconds

getSeconds() 方法是得到指定字符串中的哪秒钟

var time = new Date(2019, 03, 03, 08, 00, 22)
console.log(time.getSeconds()) // 22

getDay

getDay() 方法是得到指定字符串当前日期是一周中的第几天（周日是 0，周六是 6）
```
var time = new Date(2019, 03, 08, 08, 00, 22)
console.log(time.getDay()) // 1
```

getTime

getTime() 方法是得到执行时间到 格林威治时间 的毫秒数

var time = new Date(2019, 03, 08, 08, 00, 22)
console.log(time.getTime()) // 1554681622000

每个获取的方法都有一个对应的设置方法

setFullYear setMonth setDate setHours （除了day星期）

		let d1 = new Date()

        d1.setDate(28)//将日期设置为28号
        //12月100日
        d1.setDate(100)将日期设置为100号,如果超出表示返回，自动往后折算


        console.log(d1);

获取时间差

是指获取两个时间点之间相差的时间
在 js 中是不能用时间直接做减法的
我们需要一些特殊的操作
在编程的世界里面，有一个特殊的时间，是 1970年01月01日00时00分00秒
这个时间我们叫做 格林威治时间
所有的编程世界里面，这个时间都是一样的，而且 格林威治时间 的数字是 0
从 格林威治时间 开始，每经过1毫秒，数字就会 + 1
所以我们可以获取到任意一个时间节点到 格林威治时间 的毫秒数
然后在用两个毫秒数相减，就能得到两个时间点之间相差的毫秒数
我们在通过这个毫秒数得到准确的时间

计算时间差

例如：我们现在计算一下 2019-01-01 00:00:00 到 2019-01-03 04:55:34 的时间差

先获取两个时间点到 格林威治时间 的毫秒数

var time1 = new Date('2019-01-01 00:00:00')
var time2 = new Date('2019-01-03 04:55:34')

time1 = time1.getTime()
time2 = time2.getTime()

console.log(time1) // 1546272000000
console.log(time2) // 1546462534000

两个时间相减，得到两个时间点之间相差的毫秒数
```
var differenceTime = time2 - time1
console.log(differenceTime) // 190534000
```
- 现在我们计算出了两个时间点之间相差的毫秒数

定时器

setInterval（func，time）
有两个参数，第一个参数是一个函数，第二个参数是时间间隔，单位是毫秒
每间隔time毫秒，会执行一次函数
setInterval的返回值是一个数字

function box（）{
	console.log(1)
}

var timer = setInerval(box,1000);

上面代码意思是，没间隔1000毫秒，box函数执行一次。

取消定时器的执行

如果想要取消定时器的执行我们需要拿到setInerval定时器函数的返回值，调用clearInterval，清除定时器
clearInterval（timer），调用之后box函数就不会再执行了！