JS基础_变量与数据类型详解-js教程-PHP中文网

JS基础_变量与数据类型详解

betcha

发布： 2025-11-20 19:19:02

原创

960人浏览过

JavaScript变量声明推荐使用let和const，避免var；数据类型分为原始类型（如number、string、boolean、null、undefined、symbol、bigint）和引用类型（如object、array、function），前者按值访问，后者按引用访问，类型检测建议用typeof、instanceof和Object.prototype.toString.call()结合Array.isArray()判断数组。

js基础_变量与数据类型详解

JavaScript 中的变量和数据类型是编程的基础，理解它们的工作方式对写出正确、高效的代码至关重要。JS 是一种弱类型语言，变量的类型可以动态改变，但这并不意味着可以忽视类型的作用。

变量声明：var、let 与 const

JS 提供了三种声明变量的方式，每种有不同的作用域和行为：

var：函数作用域，存在变量提升（hoisting），容易引发意外问题。例如，在 if 块中用 var 声明的变量，实际会被提升到函数顶部。
let：块级作用域（如 if、for 内部），不允许重复声明，不存在变量提升。适合大多数需要修改值的场景。
const：块级作用域，声明时必须赋值，且不能重新赋值。注意：对于对象或数组，const 限制的是引用不变，内容仍可修改。

建议：优先使用 let 和 const，避免使用 var，以减少作用域混乱。

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

JS 有七种原始类型，存储在栈内存中，按值访问：

number：包括整数和浮点数，特殊值如 Infinity、-Infinity 和 NaN（非数字）。
string：文本数据，可用单引号、双引号或反引号（支持模板字符串）。
boolean：只有 true 和 false 两个值。
null：表示“空值”，是一个应该为空的对象占位符。
undefined：变量声明但未赋值时的默认值，或对象属性不存在时的返回值。
symbol：ES6 引入，用于创建唯一的键，常用于对象属性名防冲突。
bigint：表示任意精度的整数，通过在数字后加 n 创建，如 123n。

提示：typeof null 返回 "object" 是一个历史遗留 bug。

引用数据类型

引用类型存储在堆内存中，变量保存的是指向对象的地址：

PHP 网络编程技术与实例(曹衍龙)

PHP网络编程技术详解由浅入深，全面、系统地介绍了PHP开发技术，并提供了大量实例，供读者实战演练。另外，笔者专门为本书录制了相应的配套教学视频，以帮助读者更好地学习本书内容。这些视频和书中的实例源代码一起收录于配书光盘中。本书共分4篇。第1篇是PHP准备篇，介绍了PHP的优势、开发环境及安装；第2篇是PHP基础篇，介绍了PHP中的常量与变量、运算符与表达式、流程控制以及函数；第3篇是进阶篇，介绍

386

查看详情

object：最核心的引用类型，包括普通对象、数组、函数等。
array：特殊的对象，用于存储有序数据，通过索引访问。
function：函数在 JS 中是一等公民，可被赋值、传递和调用。

引用类型的比较是基于引用地址的。即使两个对象内容相同，只要不是同一个引用，== 或 === 都会返回 false。

类型检测方法

判断数据类型有多种方式，各有适用场景：

typeof：适合检测原始类型，但对 null 返回 "object"，对数组也返回 "object"。
instanceof：检测对象是否是某个构造函数的实例，如 [] instanceof Array 返回 true。
Object.prototype.toString.call()：最准确的方法，能区分所有内置类型，例如 toString.call([]) 返回 "[object Array]"。

实用技巧：检测数组推荐使用 Array.isArray()，更安全可靠。

基本上就这些。掌握变量声明规则和数据类型特点，能帮助你避免常见错误，写出更稳健的 JavaScript 代码。

以上就是JS基础_变量与数据类型详解的详细内容，更多请关注php中文网其它相关文章！