5.类型转换

5.1为什么需要类型转换

使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算。

console.log( '10000' + ' 2000')  // 输出结果100002000

此时需要转换变量的数据类型。
通俗来说，就是把一种数据类型的变量转换成我们需要的数据类型。

5.2隐式转换

某些运算符被执行时，系统内部自动将数据类型进行转换，这种转换称为隐式转换。
规则:
➢+号两边只要有一个是字符串，都会把另外一个转成字符串
➢除了+以外的算术运算符 比如 - * / 等都会把数据转成数字类型

小技巧:
➢+号作为正号解析可以转换成数字型（如：+‘123’）
➢任何数据和字符串相加结果都是字符串

5.3显式转换

转换为数字型
➢Number(数据)
1.转成数字类型
2.如果字符串内容里有非数字，转换失败时结果为NaN (Not a Number)即不是一个数字
3.NaN也是number类型的数据，代表非数字

三种方法：

//1.
let num = prompt('输入数字')
console.log(Number(num))
//2.
let num = Number(prompt('输入数字'))
console.log(num)
//3.
let num = +prompt('输入数字')
console.log(num)

➢parselnt(数据)
只保留整数
➢parseFloat(数据)
可以保留小数
【示例】

console.log(parseInt('12px'));
console.log(parseInt('52.56px'));
console.log(parseFloat('12px'));
console.log(parseFloat('52.56px'));

【求和案例】

<script>
        let num1 = +(prompt('请输入第一个数'))
        let num2 = +(prompt('请输入第二个数'))
        // let sum = num1 + num2
        // alert('结果是：' + sum)
        alert(`结果是：${num1 + num2}`)
</script>