持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第21天，点击查看活动详情
数据类型
1. JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。
2. JavaScript 拥有动态类型，同时也意味着相同的变量可用作不同的类型
基本数据类型
| 简单数据类型 | 说明 |
|---|---|
| Number | 数字型，包含整型值和浮点型值 默认值0 |
| Boolean | 布尔类型 默认值false |
| String | 字符串类型 默认值"" |
| Undefined | 声明变量但没有赋值，此时这个变量为Undefined 默认值undefined |
| Null | 声明变量为空值 默认值null |
数字型 Number
- jvaScript 数字类型既可以用来保存整数值，也可以保存小数(浮点数）
- 在JS中八进制前面加0，十六进制前面加 0x
- 最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308
- 最小值：Number.MIN_VALUE，这个值为：5e-32
- Infinity ，代表无穷大，大于任何数值
- -Infinity ，代表无穷小，小于任何数值
- NaN ，Not a number，代表一个非数值
- isNaN() 来判断一个变量是否为非数字的类型，返回 true 或者 false
布尔型 Boolean
- 布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。
- 布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0。
字符串型 String
因为 HTML 标签里面的属性使用的是双引号，JS 更推荐使用单引号。
- JS可以用单引号嵌套双引号，或者用双引号嵌套单引号
- 字符串转义符，转义符都是 \ 开头的
- 字符串长度，通过字符串的 length 属性可以获取整个字符串的长度。
- 字符串拼接：字符串 + 任何类型 = 拼接之后的新字符串
Undefined
一个声明后没有被赋值的变量会有一个默认值 undefined
Null
一个声明变量给 null 值，里面存的值为空
数据类型转换
typeof 可用来获取检测变量的数据类型。
数据类型转换：把一种数据类型的变量转换成另外一种数据类型。
1. 转换为字符串
| 方法 | 说明 | 举例 |
|---|---|---|
| toString | 转换成字符串 | num1.toString() |
| String()强制转换 | 转换成字符串 | String(num1) |
| 加号拼接字符串（隐式转换） | 和字符串拼接的结果都是字符串 | num1+"字符串" |
2. 转换为数字型
| 方法 | 说明 | 举例 |
|---|---|---|
| parseInt(string) | 将string类型转成整数类型 | parseInt('78') |
| parseFloat(string) | 将string类型转成浮点数类型 | parseInt('78.99') |
| Number() | 将string类型强制转成数值类型 | Number('22') |
| - * / （隐式转换） | 利用算术运算隐式转换成数值类型 | '22'-0 |
小案例
计算年龄
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>计算年龄案例</title>
<script>
var year = prompt("请您输入您的出生年份");
var age = 2022 - year;
alert("您的年龄为："+age);
</script>
</head>
<body>
</body>
</html>
总结
JavaScript又从零开始，在学习中。
文章帮助认识JavaScript基本数据类型及类型转换，讲述了JavaScript的最基本的一些知识。