js基础之｜变量和数据类型-CSDN博客

本文链接：https://blog.csdn.net/qq_45313933/article/details/128655843

1. 变量的命名格式

在JavaScript中如何命名一个变量呢？包含两部分：

变量的声明 ：在JavaScript中声明一个变量使用 var关键字（variable单词的缩写）（后续学习ES6还有let、const声明方式）

变量的赋值 ：使用 = 给变量进行赋值；

var name = "aaa"

也能分开操作：

var name;

name = "aaa"

2. 变量命名规范

变量命名规则：必须遵守

 1.第一个字符必须是一个字母、下划线（ _ ）或一个美元符号（ $ ）

 2.其他字符可以是字母、下划线、美元符号或数字

 3. 不能使用关键字和保留字命名：

✓ 什么是关键字，什么是保留字？

✓ https://developer.mozilla.org/zh-CN/docs/web/javascript/reference/lexical_grammar

 4.变量严格区分大小写

◼ 变量命名规范：建议遵守

 多个单词使用驼峰标识；

 赋值 = 两边都加上一个空格；

 一条语句结束后加上分号; 也有很多人的习惯是不加；

 变量应该做到见名知意；

3. js数据类型

在 JavaScript 中有 8 种基本的数据类型（7 种原始类型和 1 种复杂类型）

 Number

 String

 Boolean

 Undefined

 Null

 Object

 BigInt

 Symbol：符号

3.1 number类型

number 类型代表整数和浮点数。

◼ 数字 number 可以有很多操作，比如，乘法 * 、除法 / 、加法 + 、减法 - 等等。

◼ 除了常规的数字，还包括所谓的“特殊数值（“ special numeric values” ）”也属于 Number 类型

 Infinity ：代表数学概念中的无穷大 ∞ ，也可以表示 -Infinity ；

✓ 比如 1/0 得到的就是无穷大；

 NaN ： NaN 代表一个计算错误，它是一个错误的操作所得到的结果；

✓ 比如字符串和一个数字相乘；

isNaN

 用于判断是否不是一个数字。不是数字返回true，是数字返回false。

3.2 string类型

JavaScript 中的字符串必须被括在引号里，有三种包含字符串的方式。

 双引号："Hello"

 单引号：'Hello’

 反引号：`Hello`（ES6之后学）

前后的引号类型必须一致：

 如果在字符串里面本身包括单引号，可以使用双引号；

 如果在字符串里面本身包括双引号，可以使用单引号；符

表示符号

字符串中的转义字符

\' 单引号

\" 双引号

\\ 反斜杠

\n 换行符

\r 回车符

\t 制表符

\b 退格符

字符串使用操作：

操作一：字符串拼接，通过+运算符（后续还会详细讲解）
- str1+str2
操作二：获取字符串长度
- str.length

3.3 Boolean类型

Boolean 类型仅包含两个值：true 和 false

3.4 undefined类型

Undefined 类型 只有一个值，就是特殊值 undefined 。

如果我们声明一个变量，但是没有对其进行初始化时，它默认就是undefined ；

这里有两个注意事项：

 注意一：最好在变量定义的时候进行初始化，而不只是声明一个变量；

 注意二：不要显示的将一个变量赋值为undefined

✓ 如果变量刚开始什么都没有，我们可以初始化为0、空字符串、null等值；

3.5 object类型

Object 类型是一个特殊的类型，我们通常把它称为 引用类型或者复杂类型 ；

其他的数据类型我们通常称之为 “原始类型”，因为它们的值质保函一个单独的内容（字符串、数字或者其他）；
Object往往可以表示一组数据，是其他数据的一个集合；
在JavaScript中我们可以使用花括号{} 的方式来表示一个对象；

3.6 null类型

Null 类型同样只有一个值，即特殊值 null。

null类型通常用来表示一个对象为空，所以通常我们在给一个对象进行初始化时，会赋值为 null ；

null和undefined的关系：

undefined通常只有在一个变量声明但是未初始化时，它的默认值是undefined才会用到；
并且我们不推荐直接给一个变量赋值为undefined，所以很少主动来使用；
null值非常常用，当一个变量准备保存一个对象，但是这个对象不确定时，我们可以先赋值为null；

3.7 总结

JavaScript 中有八种基本的数据类型（前七种为 基本数据类型，也称为原始类型 ，而 object 为 复杂数据类型，也称为引用类 型）。

 number 用于任何类型的数字：整数或浮点数。

 string 用于字符串：一个字符串可以包含 0 个或多个字符，所以没有单独的单字符类型。

 boolean 用于 true 和 false。

 undefined 用于未定义的值 —— 只有一个 undefined 值的独立类型。

 object 用于更复杂的数据结构。

 null 用于未知的值 —— 只有一个 null 值的独立类型。

◼ 后续学习的类型：

 symbol 用于唯一的标识符。

 bigint 用于任意长度的整数。

4. 数据类型的转换

4.1 字符串string的转换

转换方式一：隐式转换

 一个字符串和另一个字符串进行+操作；

✓ 如果+运算符左右两边有一个是字符串，那么另一边会自动转换成字符串类型进行拼接；

 某些函数的执行也会自动将参数转为字符串类型；

✓ 比如console.log函数；

转换方式二：显式转换

 调用String()函数；

 调用toString()方法；

4.2 数字类型Number的转换

转换方式一：隐式转换

 在算数运算中，通常会将其他类型转换成数字类型来进行运算；

✓ 比如 "6" / "2" ；

✓ 但是如果是 + 运算，并且其中一边有字符串，那么还是按照字符串来连接的；

转换方式二：显式转换

 我们也可以使用Number()函数来进行显式的转换；

4.3 布尔类型Boolean的转换

布尔（ boolean ）类型转换是最简单的。

◼ 它发生在逻辑运算中，但是也可以通过调用 Boolean(value) 显式地进行转换。

◼ 转换规则如下：

 直观上为“空”的值（如 0、空字符串、null、undefined 和 NaN）将变为 false。

 其他值变成 true。

注意：包含 0 的字符串 "0" 是 true

 一些编程语言（比如 PHP）视 "0" 为 false。但在 JavaScript 中，非空的字符串总是 true。