JavaScript变量类型详解与使用技巧

哈喽！今天心血来潮给大家带来了《JavaScript变量类型有哪些及使用方法》，想必大家应该对文章都不陌生吧，那么阅读本文就都不会很困难，以下内容主要涉及到，若是你正在学习文章，千万别错过这篇文章~希望能帮助到你！

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

JavaScript 变量本身没有“类型”，真正有类型的是值（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 更可靠。

如何正确声明变量？优先用 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 会报错，可加默认值或先校验

基本上就这些。记住：变量无类型，值才有；声明选 const 优先；用好作用域和严格相等，代码会更健壮、易读、少出错。

本篇关于《JavaScript变量类型详解与使用技巧》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！