数据类型

在 JavaScript 中定义变量的时候使用的是 let/var，例如：

let num = 18let str = '18'

这两种方式定义的变量有什么区别呢？这里定义的两个变量 num 和 str 的数据类型不同。例如：描述年龄和工资通过数字来描述，注册某个网站的时候使用的账号和昵称可以是英文字母的组合。不同的数据是由不同的类型来描述的。

下面我们就开始学习 JavaScript 中的数据类型。

JavaScript 中的数据类型可以分为两大类：基本数据类型、复杂数据类型。

简单数据类型

NumberStringBooleannullundefinedBigInt - 新增Symbol - 新增

复杂数据类型

Object简单数据类型

简单数据类型又叫基本数据类型、原始数据类型(MDN)。

这里我们先来学习简单数据类型中的前5种。

Number 类型

在 JavaScript 中整数(5, 6, 10)和浮点数(11.5, 1.1)都属于 Number 类型，也就是所有的数值类型都是 Number 类型。

数值字面量数值的固定值表示法通俗点说就是用字面的形式来代表这种类型的数据110、1024、60.5数值判断NaN：not a number，JavaScript 中一个特殊的值，即非数字isNaN：is not a number，JavaScript 中的一个方法用来判断一个值是否不是数字示例

// 返回 NaN，不是一个数字let n = 5 * 'a';// 返回 false，即不管带不带引号都是一个数字isNaN('5');isNaN(5);// 返回 true，不是一个数字isNaN('a');

注意：在控制台中打印的数值类型的值是有颜色的。

String 类型

把多个字符组成一串，就是一个字符串。字符串字面量：字面形式来代表字符串数据'程序猿'，"程序媛"定义字符串的时候用单引号和双引号都可以

let userName = 'jiaoshou';let nickName = "教瘦";

在定义字符串的时候我们推荐使用单引号，这是因为 HTML 中属性值使用双引号包裹，有的时候 HTML 和 JavaScript 可能会嵌套书写，为了区分 HTML 的属性和 JavaScript 中的字符串，所以这里始终推荐字符串使用单引号。

转义符

你尝试打印 '教瘦'，注意打印的结果中要包含单引号。实现不了吧？这是因为引号在 JavaScript 中有特殊的含义，如果我们想要打印引号的话，可以取消引号在 JavaScript 中的特殊含义

let userName = '\'教瘦\'';console.log(userName);

\ 在这里的作用是取消后面修饰符号的特殊含义，类似的内容，见下表：

Boolean 类型

布尔类型是一种专门为了编程设置的一种语法，主要用来表示一个结果的成立与否，其值只有两个 true (真) 和 false (假)。

Boolean 字面量： true 和 false，区分大小写计算机内部存储：true 为1，false 为0

undefined 类型

undefined 类型只有一个值：undefined。代表变量定义了，但是没有赋值。

var a;// 输出 undefinedconsole.log(a);// orlet b;// 输出 undefinedconsole.log(b);

null 类型

null 类型只有一个值：null。代表变量赋值了，但是值代表的是空。

var a = null;let b = null;// 变量a和b都赋值了，值为 null

复杂数据类型：Object。因为比较复杂所以后面专门学习。

获取变量的类型

在 JavaScript 中定义变量的时候是通过 var/let 定义的变量，也就是在定义变量的时候没有确定数据的类型。

let a = 10;a = 'abc';

甚至在代码执行的过程中可以对变量重新赋值不同的类型(这样是不推荐的，我们希望同一个变量中的数据是同一数据类型的)。

我们如果想要知道某个变量中存储的数据类型，可以通过关键字 typeof 来获取。

用法：

typeof 字面量/变量typeof (字面量/变量)

注意：typeof 是关键字。

let a = 10;console.log(typeof a); // numberconsole.log(typeof 'Hello'); // stringconsole.log(typeof true); // booleanconsole.log(typeof undefined); // undefinedconsole.log(typeof null); // object

注意：typeof 返回的结果是字符串类型。

快速查看数据类型

如何使用谷歌浏览器，快速地查看数据类型？

在控制台通过 console.log() 打印数据，字符串的颜色是黑色的，数值类型是蓝色的，布尔类型也是紫色的，undefined 和 null 是灰色的(如果看到黑色的说明是字符串)

注释

其实学习任何一门语言之前，最应该先学习的语法就是注释语法，这样我们就可以在代码中写一些说明和笔记之类的 JavaScript 里面的注释有两种：单行注释、多行注释。

单行注释

用来描述下面一个或多行代码的作用VSCode 中的快捷键：Ctrl + /

// 这是一个变量let nickName = 'js';

多行注释

用来注释多条代码VSCode 中的快捷键：Shift+ Alt + A

/*  var age = 18;  var name = 'zs';  console.log(name, age);*/