JavaScript作为动态类型语言，如何确定变量的数据类型？

一、变量的数据类型如何确定？ #

JavaScript是动态类型语言，变量本身没有固定的数据类型，它的类型完全由当前存储的值决定：

• 声明变量时无需指定类型，比如let x;此时x是undefined类型
• 赋值后变量类型随值变化：比如x = 100时x是number类型，接着x = 'JavaScript'就变成string类型，再赋值x = () => {}又变成function类型

简单说：变量是“容器”，装什么类型的值，它就是什么类型。

二、JavaScript自身如何判定数据类型？ #

JS提供了几种不同的方式来判定数据类型，各有适用场景：

1. typeof 操作符 #

这是最常用的基础判定方式，返回一个表示类型的字符串：

• 对大多数基本类型（除null）能准确识别：
  • typeof 123 → 'number'
  • typeof 'hello' → 'string'
  • typeof true → 'boolean'
  • typeof undefined → 'undefined'
  • typeof Symbol('id') → 'symbol'
  • typeof BigInt(999) → 'bigint'
• 存在历史bug：typeof null 返回 'object'（实际null是独立的基本类型）
• 对引用类型的局限性：除了函数，所有引用类型都返回'object'，比如typeof [] → 'object'、typeof {} → 'object'，只有typeof function(){} → 'function'

2. instanceof 操作符 #

基于原型链判断对象是否为某个构造函数的实例，适合识别具体的引用类型：

• [] instanceof Array → true
• new Date() instanceof Date → true
• {} instanceof Object → true
• 但它无法识别基本类型（除非是包装对象，比如new Number(123) instanceof Number → true），且跨全局环境（比如iframe）时可能失效。

3. Object.prototype.toString.call() #

这是最可靠的“万能判定法”，能返回精准的类型标识字符串（格式为[object 类型名]）：

• Object.prototype.toString.call(null) → '[object Null]'
• Object.prototype.toString.call([]) → '[object Array]'
• Object.prototype.toString.call(new Map()) → '[object Map]'
• Object.prototype.toString.call(function(){}) → '[object Function]'
• 无论基本类型还是引用类型，都能准确识别。

内容的提问来源于stack exchange，提问作者Muhammad Faraz Ali