一、数据类型分类
JavaScript数据类型整体分为两大类:
➢基本数据类型
➢引用数据类型
二、基本数据类型
number 数字型
JavaScript 中的正数、负数、小数等统一称为数字类型。
string 字符串型
1.通过单引号('')、双引号("")或反引号( ` )包裹的数据都叫字符串
- 无论单引号或是双引号必须成对使用
- 单引号/双引号可以互相嵌套,但是不以自已嵌套自已(口诀:外双内单,或者外单内双)
- 必要时可以使用转义符\,输出单引号或双引号
2.模板字符串完成字符串拼接
3.内容拼接变量时,用${} 包住变量
boolean布尔型
表示肯定或否定时在计算机中对应的是布尔类型数据。它有两个固定的值true 和false,表示肯定的数据用true(真),表示否定的数据用false(假)。
undefined 未定义型
- 未定义是比较特殊的类型,只有一个值undefined。
- 什么情况出现未定义类型?
- 只声明变量,不赋值的情况下,变量的默认值为undefined,一般很少【直接】为某个变量赋值为undefined。
null 空类型
null 表示值为空
null 和undefined 区别:
1.undefined 表示没有赋值
2.null 表示赋值了,但是内容为空
三、引用数据类型
object 对象
function 函数
array 数组
控制台输出语句和检测数据类型
1.控制台输出语句:
控制台语句经常用于测试结果来使用
可以看出数字型和布尔型颜色为蓝色,字符串和undefined颜色为灰色
2. 通过typeof关键字检测数据类型
<!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>Document</title>
</head>
<body>
<script>
// 需求:页面弹出对话框,输入年龄,页面显示:我今年xx岁了
let age = prompt('请输入您的年龄')
document.write(`我今年${age}岁了`)
</script>
</body>
</html>
<!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>Document</title>
</head>
<body>
<script>
// 需求:在浏览器上面弹出对话框,输入名字和年龄,浏览器显示:大家好,我叫xxx,今年xx岁了
let name = prompt('请您输入姓名')
let age = prompt('请您输入年龄')
document.write(`大家好,我叫${name},今年${age}岁了`)
</script>
</body>
</html>