JavaScript丨内置函数（二）

这是JavaScript系列教程的第九期，上一次讲的内置函数，这一期还是内置函数！

除了上一期的数组的内置函数，当然还有很多其他的内置函数，比如Date，Error，JSON，Math的内置函数。

Date

创建一个 JavaScript Date 实例，该实例呈现时间中的某个时刻，一般我们常用new Date()来获取一个当前的系统时间。

getDate()

根据本地时间，返回一个指定的日期对象为一个月中的哪一日（从 1--31）

const time = new Date().getDate()
console.log(time); // 13

本地电脑的系统时间就是13号，所以获取到的时间也是13。

getDay()

getDay() 方法根据本地时间，返回一个具体日期中一周的第几天，0 表示星期天。

const time = new Date().getDay()
console.log(time); // 3

今天是本周的第三天，所以打印的就是3，星期三。

getFullYear()

getFullYear() 方法根据本地时间返回指定日期的年份。

const time = new Date().getFullYear()
console.log(time); // 2023

今年是2023年，所以返回的是2023。

getHours()

getHours() 方法根据本地时间，返回一个指定的日期对象的小时。

const time = new Date().getHours()
console.log(time); // 20

当写下这个栗子的时候，是20点，所以打印出来的也就是20。

getMinutes()

getMinutes() 方法根据本地时间，返回一个指定的日期对象的分钟数。

const time = new Date().getMinutes()
console.log(time); // 53

当写下这个栗子的时候，是53分，所以打印出来的也就是53。

getMonth()

getMonth() 方法根据本地时间，返回一个指定的日期对象的月份，为基于 0 的值（0 表示一年中的第一月）。

const time = new Date().getMonth()
console.log(time); // 8

当写下这个栗子的时候，是9月，所以打印出来的也就是8，因为第一月为0，以此类推，9月就是8。

getSeconds()

getSeconds() 方法根据本地时间，返回一个指定的日期对象的秒数。

const time = new Date().getSeconds()
console.log(time); // 51

当写下这个栗子的时候，是51秒，所以打印出来的也就是51。

getTime()

getTime() 方法返回一个时间的格林威治时间数值。也就是时间戳

const time = new Date().getTime()
console.log(time); // 1694609911444

以上的栗子就是返回的当前时间的时间戳。

Error

当运行时错误产生时，Error 对象会被抛出。Error 对象也可用于用户自定义的异常的基础对象。一般使用的话直接new Error('这是一个错误信息！')，这个时候控制台会打印一个红色的错误信息为这是一个错误信息！

JSON

JSON 对象包含两个方法：用于解析 JavaScript 的 parse() 方法，以及将对象/值转换为 JSON 字符串的 stringify() 方法。

JSON.stringify()

const str = { name: "orange", age: 18 };
console.log(JSON.stringify(str)); // '{"name":"orange","age":18}'

可见以上栗子将一个json对象转换为了字符串。

JSON.parse()

const str = '{"name":"orange","age":18}'
console.log(JSON.parse(str)); // {"name":"orange","age":18}

以上的栗子将一个json字符串转化为了json对象。

Math

Math 是一个内置对象，它拥有一些数学常数属性和数学函数方法。Math 不是一个函数对象。这个也是一个非常常用的内置对象，用于number类型，以下还是简单介绍下几个常用的

ceil()

Math.ceil() 静态方法总是向上舍入，并返回大于等于给定数字的最小整数。

console.log(Math.ceil(0.95)); // 1
console.log(Math.ceil(1.01)); // 2
console.log(Math.ceil(-1.9)); // -1
console.log(Math.ceil(-2.01)); // -2

floor()

Math.floor() 函数总是返回小于等于一个给定数字的最大整数。

console.log(Math.floor(0.95)); // 0
console.log(Math.floor(1.01)); // 1
console.log(Math.floor(-1.9)); // -2
console.log(Math.floor(-2.01)); // -3

max()

Math.max() 函数返回作为输入参数的最大数字，如果没有参数，则返回 -Infinity。就是获取一组数据的最大值。

console.log(Math.max(-1, -2, 0, 1, 3)); // 3

min()

Math.min() 函数返回作为输入参数的数字中最小的一个，如果没有参数，则返回 Infinity。就是获取一组数据的最小值。

console.log(Math.min(-1, -2, 0, 1, 3)); // -2

random()

Math.random() 函数返回一个浮点数，伪随机数在范围从0 到小于1，也就是说，从 0（包括 0）往上，但是不包括 1（排除 1），然后你可以缩放到所需的范围。实现将初始种子选择到随机数生成算法;它不能被用户选择或重置。

• 获取0-1之间的随机数

  console.log(Math.random());
  

• 获取0-10之间的随机数

  console.log(Math.random() * 10);
  

• 获取0-10之间的整数随机数

  console.log(Math.floor(Math.random() * 10));
  

round()

Math.round() 函数返回一个数字四舍五入后最接近的整数。

console.log(Math.round(0.95)); // 1
console.log(Math.round(1.01)); // 1
console.log(Math.round(-1.9)); // -2
console.log(Math.round(-2.01)); // -2

总结

本来以为2篇都能写完的，写着写着发现其实还有点，得需要3篇才能写完！下一期就是剩下的string，number，object的内置函数啦！写完以后基本上基础知识接近尾声，加上一点点的代码注释规范，dom和bom之类的，就可以开始html和css的教程了，这两个不多，两三节教程就结束了，就开始了实战系列教程了。如果都学完了，恭喜你，那你基本上前端已经入门了，能够自己独立的完成网站等的开发了！完事了在更python教程吧。