JavaScript武功秘籍---第三篇-数据类型-CFANZ编程社区

一、数据类型分类

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>