JavaScript基础10——获取数据类型、类型转换

哈喽，大家好，我是雷工。
现如今知识大爆炸，到处都有海量的知识，常常见了就收藏，把网盘塞得满满的，却从来没有看过。
收藏起来装到网盘里并没有什么软用，要把知识装到脑袋里才行。
从几分钟开始，今天接着学习JavaScript基础知识，下面是学习笔记。

一、获取数据类型

1、控制台输出语句：
示例：

<script>
        let age = 28
        let myName = '雷工'
        let flag = true
        let eat
        console.log(age)
        console.log(myName)
        console.log(flag)
        console.log(eat)
</script>

效果：

1.1、控制台语句经常用于测试结果
1.2、从效果图中可以看出数字型和布尔型颜色为蓝色，字符串和undefined颜色为灰色。

2、通过typeof关键字获取数据类型
typeof 关键字可以返回被检测的数据类型。它支持两种语法形式：
2.1、作为运算符：typeof x(常用的写法）
2.2、函数形式：typeof（x）
有括号和没有括号，得到的结果是一样的，SO我们直接使用运算符的写法。
示例：

<script>
        let age = 28
        let myName = '雷工'
        let flag = true
        let eat
        console.log(typeof age)
        console.log(typeof myName)
        console.log(typeof flag)
        console.log(typeof eat)
</script>

效果：

二、类型转换

1、为啥要类型转换
JS是弱数据类型：JS也不知道变量到底属于何种类型，只有赋值了才知道。
问题：使用表单、prompt获取过来的数据默认是字符串类型的，此时不能够直接进行加法运算否则容易出错。
示例：
console.log(‘10000’+‘2000’) //输出结果：100002000
应用场景：由于数据类型导致的计算结果异常错误，那么需要进行数据类型转换。

2、隐式转换

2.1、某些运算符在被执行的时候，系统内部会自动将数据类型进行转换，这种转换称为隐式转换。

2.2、隐式转换规则：
2.2.1、+号两边只要有一个是字符串，都会把另外一个转换成字符串。
2.2.2、除了+号以外的其他算术运算符，比如－ * / 等都会把数据转换成数字类型。

2.3、隐式转换缺点
转换类型不明确，要靠经验和平常总结。

2.4、记忆技巧
2.4.1、+号作为正号解析可以转换成数字型。
2.4.2、任何数据和字符串相加结果都是字符串。

示例：

3、显示转换（强制类型转换）
在编程时过度依赖系统内部的隐式转换是不严谨的，因为隐式转换规律并不清晰，很多是靠经验总结的规律。
为了避免因隐式转换带来的问题，通常根据逻辑需要对数据进行显示转换。

3.1、显示转换概念
自己写代码告诉系统该转成什么类型。

3.2、转换为数字型
3.2.1、Number（变量）
a、转换为数字类型
b、如果字符串内容里有非数字，转换失败时结果为NaN（Not a Number）即不是一个数字。
c、NaN也是Number类型的数据，代表非数字。

3.2.2、parseInt(变量)
只保留整数

3.2.3、parseFloat(变量)
可以保留小数，转换过程中保留转换成功的部分，不成功的部分直接省略。

3.3、转换为字符型
String（变量）
变量.toString()

转换字符串方法的区别：
a>String（变量）可以将任何的一种数据类型转换为字符串类型；
b>变量.toString() 不能将undefined类型转换为字符串。