JavaScript 基础语法 02
在 JavaScript 中定义变量的时候使用的是 let/var,例如:
let num = 18
let str = '18'
这两种方式定义的变量有什么区别呢?这里定义的两个变量 num 和 str 的数据类型不同。例如:描述年龄和工资通过数字来描述,注册某个网站的时候使用的账号和昵称可以是英文字母的组合。不同的数据是由不同的类型来描述的。
下面我们就开始学习 JavaScript 中的数据类型。
JavaScript 中的数据类型可以分为两大类:基本数据类型、复杂数据类型。
简单数据类型
Number
String
Boolean
null
undefined
BigInt - 新增
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;
// 输出 undefined
console.log(a);
// or
let b;
// 输出 undefined
console.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); // number
console.log(typeof 'Hello'); // string
console.log(typeof true); // boolean
console.log(typeof undefined); // undefined
console.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);
*/