javascript变量有哪些类型_怎样正确声明和使用它们？-js教程-PHP中文网

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

夢幻星辰

发布： 2025-12-20 16:54:02

原创

514人浏览过

JavaScript变量无类型，值有类型；含7种原始类型（string、number、boolean、null、undefined、symbol、bigint）和对象类型（null除外）；推荐用const/let声明，查类型用合适方法，比较优先===。

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

JavaScript 变量本身没有“类型”，真正有类型的是变量所存储的值。也就是说，变量是松散类型的（dynamic typing），同一个变量可以先后保存不同类型的数据。

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

这些值直接存储在栈内存中，按值访问：

string：文本，如 "hello"、'world'、`template ${x}`
number：整数和浮点数，如 42、3.14、Infinity、NaN
boolean：逻辑值，只有两个：true 和 false
null：一个独立的原始值，表示“空值”或“有意缺失的对象引用”
undefined：变量声明了但未赋值时的默认值，也用于函数无返回值、对象无该属性等情况
symbol（ES6）：唯一且不可变的值，常用于对象属性键，避免命名冲突
bigint（ES2020）：表示任意精度的整数，用 n 后缀，如 123n

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

所有非原始类型的值都是 object 的实例，包括：

普通对象：{ name: "Alice", age: 30 }
数组：[1, 2, 3]（本质是特殊对象）
函数：function foo() {}（函数也是对象）
日期：new Date()
正则：/abc/g
Map、Set、Promise、ArrayBuffer 等内置构造器实例
null 是个例外：虽然 typeof null === "object"（这是历史 bug），但它仍是原始类型，不是对象

怎样正确声明变量？

推荐使用 const 和 let，避免 var：

Supermeme

Supermeme是一个AI驱动的Meme生成器，可以快速生成有趣的Meme梗图

114

查看详情

立即学习“Java免费学习笔记（深入）”；

const：声明一个**不可重新赋值**的变量，适用于大多数情况（包括对象和数组——注意：不可重赋值 ≠ 内容不可变）
let：声明一个**可重新赋值**、块级作用域的变量，适用于需要修改值的场景（如循环计数器）
var：函数作用域、存在变量提升，容易引发意外行为，现代代码中基本不用

示例：

const PI = 3.14159;        // ✅ 常量，不改值
const user = { name: "Tom" }; // ✅ 对象可修改属性，但不能 user = {}  
user.name = "Jerry";      // ✅ 合法

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

var oldStyle = "avoid";   // ❌ 不推荐

登录后复制

使用时要注意的关键细节

声明不赋值 → 值为 undefined；读取未声明的变量 → 报 ReferenceError
检查类型别用 typeof null（返回 "object"），可用 value === null 或 Object.prototype.toString.call(value) === "[object Null]"
判断是否为数组：优先用 Array.isArray(arr)，而不是 typeof arr === "object" 或 arr instanceof Array（后者跨 iframe 失效）
对象属性访问：点号（obj.name）适合已知固定键名；方括号（obj[key]）适合动态键名或含特殊字符的键
避免隐式类型转换陷阱：比如 0 == false 是 true，但 0 === false 是 false；建议优先用严格相等 ===