javascript基础语法总结，JavaScript基础语法02

逗爷 2023-02-14 16:32:59 999

javascript基础语法总结，JavaScript基础语法02let userName = 'jiaoshou'; let nickName = "教瘦";在定义字符串的时候我们推荐使用单引号，这是因为 HTML 中属性值使用双引号包裹，有的时候 HTML 和 JavaScript 可能会嵌套书写，为了区分 HTML 的属性和 JavaScript 中的字符串，所以这里始终推荐字符串使用单引号。// 返回 NaN，不是一个数字 let n = 5 * 'a'; // 返回 false，即不管带不带引号都是一个数字 isNaN('5'); isNaN(5); // 返回 true，不是一个数字 isNaN('a');注意：在控制台中打印的数值类型的值是有颜色的。简单数据类型又叫基本数据类型、原始数据类型(MDN)。这里我们先来学习简单数据类型中的前5种。在 JavaSc

数据类型

在 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);

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

javascript基础语法总结，JavaScript基础语法02(1)

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 里面的注释有两种：单行注释、多行注释。

单行注释