JavaScript变量与数据类型区别解析

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《javascript变量与数据类型区别详解》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

var、let、const 是变量声明方式，非数据类型；string、number等才是JavaScript数据类型；三者区别在于作用域和赋值规则：var函数作用域且提升，let/const块级作用域，const需初始化且不可重赋值。

var、let、const 不是“数据类型”，而是**变量声明方式**；而 string、number、boolean、null、undefined、symbol、bigint 才是 JavaScript 的**数据类型**。混淆这两者，是初学者写错逻辑、踩坑最多的地方。

var / let / const 的区别：作用域和赋值规则决定怎么用

它们不改变数据类型，只控制变量“在哪能被访问”“能不能改值”“什么时候能读”：

• var 是函数作用域，会变量提升（console.log(a) 不报错，输出 undefined），且允许重复声明 —— 容易造成意外交互和覆盖，现在基本只在兼容老代码时见到
• let 是块级作用域（{} 内有效），不提升，声明前访问直接报 ReferenceError，同一作用域不可重复声明 —— 推荐用于常规可变变量，比如循环计数器 let i = 0
• const 同样块级作用域，但声明时必须赋值，且不能重新赋值；注意：const obj = {} 允许 obj.name = 'x'，只是不能 obj = { y: 1 } —— 适合配置项、API 地址、计算常量等

基本类型 vs 引用类型：内存行为不同，直接影响赋值和比较

这是 JS 最容易出 bug 的底层差异：

• 基本类型（string、number、boolean、undefined、null、symbol、bigint）存的是“值本身”，赋值是深拷贝：let a = 5; let b = a; b = 10; → a 还是 5
• 引用类型（object、array、function、Date、RegExp 等）存的是“内存地址”，赋值只复制地址：let arr1 = [1]; let arr2 = arr1; arr2.push(2); → arr1 也变成 [1, 2]
• 所以 == 或 === 比较两个对象，永远是 false（地址不同），除非是同一个引用：{} === {} 是 false，但 let a = {}; let b = a; a === b 是 true

typeof 和 instanceof 都不准？检测类型得看场景

typeof null 返回 "object" 是历史 Bug；typeof [] 也是 "object"；instanceof 在跨 iframe 时会失效。真实项目中要分情况：

• 判断基本类型（除 null）用 typeof：typeof x === "string"
• 判断数组用 Array.isArray(x)（最可靠）或 Object.prototype.toString.call(x) === "[object Array]"
• 判断 null 必须单独写：x === null（typeof null 无用）
• 判断自定义类实例，且确定在同一执行上下文，可用 x instanceof MyClass

隐式转换常导致逻辑翻车，宁可显式写清楚

JS 在 ==、+、!、if 条件里自动转类型，结果反直觉：

• 0 == false → true，但 0 === false → false；"" == 0 → true，"0" == false → true
• [] + [] → ""（空字符串），[] + {} → "[object Object]"
• 建议：条件判断一律用 ===；字符串拼接前明确 String(x)；数字运算前用 Number(x) 或 parseInt(x)，别依赖 +"123"

真正难的不是记住有哪些类型或关键字，而是写 let user = getUser() 时，下意识想到：这个 user 是对象还是 null？它后续会被谁修改？要不要加 ?? 或 ?.name？这些细节，比背分类重要得多。

今天关于《JavaScript变量与数据类型区别解析》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！