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

JavaScript变量无类型，值才有类型；7种原始类型（string、number、boolean、null、undefined、symbol、bigint）和object类型；typeof null为"object"是历史bug；类型检测应使用Array.isArray、instanceof或Object.prototype.toString.call。

JavaScript 变量没有“类型声明”这回事——let、const、var 声明的都是“持有值的容器”，而值本身才有类型，比如 string、number、object 等。所谓“变量类型”其实是值的类型，不是变量本身的属性。

JavaScript 中的 7 种原始值类型（primitive）和 1 种对象类型（object）

ECMAScript 规范定义了 7 种原始类型：string、number、boolean、null、undefined、symbol、bigint。它们都不可变，且按值传递。

所有其他值（包括数组、函数、日期、正则、Promise、class 实例等）都属于 object 类型（typeof null 返回 "object" 是历史 bug，但已保留）。

常见误判：

• typeof [] → "object"（不是 "array"）
• typeof function() {} → "function"（这是 typeof 对 object 的特例返回，实际仍是 object 的子类型）
• Array.isArray([]) 才是判断数

  

  组的可靠方式

用 let、const、var 声明时的关键区别

三者不决定值的类型，但影响作用域、提升行为和可重赋值性：

• var：函数作用域，存在变量提升（hoisting），可重复声明，可重新赋值
• let：块级作用域，存在暂时性死区（TDZ），不可重复声明，可重新赋值
• const：块级作用域，TDZ，不可重复声明，**不可重新赋值**（但若值是对象，其内部属性仍可修改）

示例：

const obj = { a: 1 };
obj.a = 2; // ✅ 合法：修改对象属性
obj = {};    // ❌ 报错：尝试给 const 变量重新赋值

为什么 typeof null === "object" 会误导人

这是 V8 引擎早期为兼容性保留的历史遗留问题：null 在底层被表示为全零的机器码，而当时 typeof 对全零对象指针统一返回 "object"。

真正检测 null 应该显式比较：

• value === null（严格相等）
• 避免用 !value 或 value == null 来“泛判空”，因为它们也会匹配 undefined、0、""、false
• 需要区分 null 和 undefined 时，永远用 ===

类型检查不要只靠 typeof，尤其对对象子类型

typeof 对大部分对象都返回 "object"，无法区分数组、日期、正则等：

• 数组：Array.isArray(value)
• 日期：value instanceof Date 或 Object.prototype.toString.call(value) === "[object Date]"
• 正则：value instanceof RegExp
• 自定义类：value instanceof MyClass
• 通用安全检测（含 null）：Object.prototype.toString.call(value) 返回标准字符串，如 "[object Array]"

注意：instanceof 在跨 iframe 场景下会失效，此时必须用 toString.call。

最常被忽略的一点：变量本身没有类型约束，但 TypeScript 的类型注解（如 let x: string）只在编译期起作用，运行时完全不生效——JS 引擎根本不认识这些语法。

# js  # javascript  # java  # String  # class  # 值类型  # 区别  # 指针  # 子类  # 字符串  # 为什么  # 无类型  # var  # NULL  # 作用域  # Object  # const  # 值传递  # date  # Array  # 变量类型  # typescript  # Boolean  # ecmascript 

相关栏目： <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 AI推广<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 SEO优化<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 技术百科<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 谷歌推广<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 百度推广<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 网络营销<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 案例网站<？ｍｕｍａ echo $count; ?> 】 <？ｍｕｍａ $count = M('archives')->where(['typeid'=>$field['id']])->count(); ?> 【 精选文章<？ｍｕｍａ echo $count; ?> 】