JS进阶指南之你真的掌握变量和类型了吗

什么是变量？

变量是一段内存区域，用于存储数据。在 JavaScript 中，使用 var/let/const 关键字来声明变量。变量名必须以字母、下划线或美元符号开头，并且严格区分大小写，不能与保留字重名。

var x = 1; // 使用 var 声明变量
let y = "hello"; // 使用 let 声明变量
const PI = 3.14; // 使用 const 声明常量

数据类型

JavaScript 有 7 种数据类型，分为基本数据类型和引用数据类型。

基本数据类型

基本数据类型有 6 种：Number/Boolean/String/Null/Undefined/Symbol。

Number

Number 类型是用于表示数字的数据类型，包括整数和浮点数。JavaScript 中的整数是 64 位二进制浮点数，可以使用科学计数法。

var a = 123; // 整数
var b = 3.14; // 浮点数
var c = 1e6; // 科学计数法表示 1000000

Boolean

Boolean 类型是用于表示真假值的数据类型，只能取两个值：true 和 false。

var flag = true; // true 表示真
var isOK = false; // false 表示假

String

String 类型是用于表示字符串的数据类型，包括单引号、双引号和反引号三种方式。

var str1 = 'hello'; // 单引号表示字符串
var str2 = "world"; // 双引号表示字符串
var str3 = `hello ${str2}`; // 反引号可以包含变量及表达式

Null

Null 类型表示一个空值，只有一个值 null。

var n = null; // null 表示一个空值

Undefined

Undefined 类型表示未定义的值，只有一个值 undefined。

var undefinedVar; // 未定义的变量，值为 undefined

Symbol

Symbol 类型是一种基本数据类型，表示独一无二的值。可以用 Symbol() 函数创建一个新的符号值，每个符号值都是唯一的。

var sym = Symbol(); // 创建一个新的符号值

引用数据类型

引用数据类型有 1 种：Object。

Object

Object 类型是用于表示复合数据类型，可以包含多个键值对。

var obj = { // 创建一个对象
  name: "张三",
  age: 18,
  gender: "男"
};

类型转换

在 JavaScript 中，数据类型可以自动转换或强制转换。

自动转换

JavaScript 自动将数据类型转换为需要的类型，称为自动转换。

var a = 1 + "hello"; // 数字 1 自动转换为字符串 "1"，和字符串 "hello" 拼接得到 "1hello"

强制转换

通过特定的函数和运算符来强制将数据类型转换为需要的类型，称为强制转换。

转换为字符串

可以使用 toString() 函数或 String() 函数将一个值转换为字符串。

var num = 123;
var str = num.toString(); // 将数字 123 转换为字符串 "123"
var str2 = String(num); // 将数字 123 转换为字符串 "123"

转换为数字

可以使用 Number() 函数将一个值转换为数字。

var str = "123.456";
var num = Number(str); // 将字符串 "123.456" 转换为数字 123.456

转换为布尔值

可以使用 Boolean() 函数将一个值转换为布尔值。

var a = 1;
var b = 0;
var bool1 = Boolean(a); // 非零数字转换为 true
var bool2 = Boolean(b); // 零转换为 false

示例说明

示例 1

var a = "10";
var b = 10;
var c = a + b;
console.log(c); // 输出 "1010"

var d = parseInt(a) + b;
console.log(d); // 输出 20

解释：变量 a 定义为字符串 "10"，变量 b 定义为数字 10，变量 c 赋值为 a 和 b 转换为字符串后拼接的结果，即 "10" + "10"，输出 "1010"。变量 d 赋值为 a 转换为数字后和 b 相加的结果，使用 parseInt() 函数将字符串 "10" 转换为数字 10，结果为 20。

示例 2

var a = "";
var b = 0;
var c = null;
var d = undefined;

console.log(Boolean(a)); // 输出 false
console.log(Boolean(b)); // 输出 false
console.log(Boolean(c)); // 输出 false
console.log(Boolean(d)); // 输出 false

解释：变量 a 定义为空字符串，变量 b 定义为数字 0，变量 c 定义为 null，变量 d 定义为 undefined。使用 Boolean() 函数将这些值分别转换为布尔值，输出 false。