j*ascript变量有哪些类型_如何正确声明和使用它们？

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

j*ascript变量有哪些类型_如何正确声明和使用它们？

2025-12-16

浏览次数：次

返回列表

J*aScript变量无类型，值才有类型；七种原始类型（string、number、bigint、boolean、null、undefined、symbol）不可变且按值传递，其余均为object类型（可变、按引用传递）；声明优先用const和let，避免var。

javascript变量有哪些类型_如何正确声明和使用它们？

J*aScript 变量本身没有“类型”，真正有类型的是值（value），而变量只是指向这些值的“容器”或“标签”。理解这一点，是正确声明和使用变量的关键。

七种基本数据类型（原始类型）

它们是不可变的、按值传递的：

string：文本，如 "hello"、'world'、`template ${x}`
number：所有数字（整数、小数、NaN、Infinity），如 42、3.14、NaN
bigint：大整数，用 n 结尾，如 123n（不能与 number 混算）
boolean：逻辑值，只有 true 和 false
null：一个独立类型，表示“有意为空”的值（注意：typeof null === "object" 是历史 bug）
undefined：变量声明了但未赋值时的默认值，也用于对象中缺失的属性
symbol：唯一且不可变的标识符，常用于对象属性键，避免命名冲突，如 Symbol("id")

一种引用类型（对象类型）

除上述七种外，其余都是 object 类型（包括函数、数组、日期、正则、Map、Set、Promise 等）。它们是可变的、按引用传递（实际是“按共享拷贝”语义）：

{ name: "Alice" } —— 普通对象
[1, 2, 3] —— 数组（本质也是对象）
function() {} 或 () => {} —— 函数（函数是“可调用对象”）
new Date()、/\d+/、new Map() 等 —— 内置对象实例

判断是否为对象，推荐用 Object.prototype.toString.call(x)，比 typeof 更可靠。

晓象AI资讯阅读神器

晓象-AI时代的资讯阅读神器

72 查看详情晓象AI资讯阅读神器

如何正确声明变量？优先用 const 和 let

避免使用 var（存在变量提升、函数作用域、易引发意外重声明等问题）：

const：声明后不能重新赋值（但对象/数组内容仍可修改）；适用于大多数场景，比如配置项、DOM 元素、函数、模块导入
let：可重新赋值，块级作用域；适用于需要修改的局部变量，如循环计数器、临时计算结果
var：仅在需兼容极老环境或明确需要函数作用域+提升行为时才考虑（极少）

示例：

const PI = 3.14159;           // ✅ 常量
const user = { name: "Tom" }; // ✅ 对象可声明为 const（不改引用即可）
user.age = 25;                // ✅ 允许修改属性

let count = 0;                // ✅ 需要递增时用 let
count++;                       

// ❌ 不要这样：
var x = 1;                    // 过时
x = "hello";                  // 类型随意切换虽可行，但降低可维护性

使用变量时的关键注意事项

声明即初始化：避免 let x; 后长期不用，容易误用 undefined
避免隐式全局：未声明直接赋值（如 foo = 123）会创建全局变量，严格模式下报错
区分 == 和 ===：前者会强制类型转换，后者严格比较类型和值；日常开发一律用 ===
检查 null/undefined 用 x == null（等价于 x === null || x === undefined），或更明确的 x === undefined / x === null
解构赋值很实用：如 const { name, age } = user;，但注意源为 null 或 undefined 会报错，可加默认值或先校验