基本类型与引用类型:变量作用域范围深度分析

梦辰大大_5199

梦辰大大_5199

2026-06-08

531人浏览

原创

javascript变量行为由类型(基本/引用)和作用域共同决定:基本类型栈中独占、赋值隔离;引用类型栈存地址、堆存实体、共享联动;作用域控制可见性与生命周期;参数传递均为值传递,但“值”含义不同。

基本类型与引用类型:变量作用域范围深度分析

JavaScript 中变量的行为,本质上由它的类型(基本类型 or 引用类型)和所在作用域共同决定。理解这两者的交互,才能真正避开赋值错乱、作用域污染、意外修改等常见坑。

基本类型:栈中独占,复制即隔离

Undefined、Null、Boolean、Number、String 这五种基本类型,值直接存储在栈内存中,空间固定、可直接访问。

  • 声明时,变量名绑定的是一个具体的值,比如 let a = 42,a 就“持有”42;
  • 赋值给另一个变量(let b = a),是把 42 完整拷贝一份到新栈位置,a 和 b 彼此独立;
  • 函数传参也是同理:参数接收的是值的副本,函数内改它,不影响外部原始变量。

引用类型:栈存地址,堆存实体,共享即联动

Object、Array、Function、Date、RegExp 等都属于引用类型。它们的“真身”存在堆内存里,而变量在栈中只保存一个指向该对象的地址(指针)。

米粿AI
米粿AI

一款AI图像与设计工具,主要用于AI辅助动漫创作工具,专为专业漫画师和动画制作团队设计,适合需要提升相关任务效率的用户。

下载
  • let obj1 = { name: 'Alice' }:obj1 栈中存的是一个地址,指向堆中那个对象;
  • let obj2 = obj1:复制的是这个地址,obj1 和 obj2 指向堆中同一个对象;
  • 所以 obj1.name = 'Bob' 后,obj2.name 也会变成 'Bob';
  • 但若写 obj1 = { name: 'Charlie' },只是让 obj1 指向新对象,obj2 不受影响。

作用域如何影响这两类变量的生命周期与可见性

作用域管“谁能看到”,类型管“看到的是什么”。两者叠加,决定了变量是否可读、能否被修改、何时被回收。

  • 全局作用域声明的变量(var globalNum = 100 或 let globalObj = {}),整个脚本都可访问,生命周期直到页面卸载;
  • 函数作用域内用 let/const 声明的基本类型,执行完函数就不可访问,引擎可立即回收栈空间;
  • 函数内创建的对象(如 const arr = [1,2,3]),即使函数执行结束,只要外部还有变量引用它(比如返回了 arr 或赋给了全局变量),堆中对象就不会被垃圾回收;
  • var 声明有变量提升,且在函数内声明仍属函数作用域;而 let/const 还引入块级作用域,if 或 for 块内声明的变量,出了块就不可见——这对基本类型和引用类型都生效,但对引用类型的“实体”无影响,只影响“谁还拿着它的地址”。

参数传递:全是值传递,但“值”的含义不同

JavaScript 没有引用传递。所谓“引用类型传进去能改外面”,是因为你传的是地址这个“值”,而地址指向的堆对象是共享的。

  • 传基本类型:传的是数字、字符串本身,函数内改的是副本;
  • 传引用类型:传的是地址(一个数值型指针),函数内通过这个地址操作堆对象,自然会影响外部;
  • 关键区别在于:函数内能否让参数变量指向一个全新对象。可以(obj = {}),则不影响外部;不可以(只改属性 obj.x = 1),则外部同步变化。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
java
java

Java是一个通用术语,用于表示Java软件及其组件,包括“Java运行时环境 (JRE)”、“Java虚拟机 (JVM)”以及“插件”。php中文网还为大家带了Java相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

2023.06.15

9837

6

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

2023.07.05

6982

9

java自学难吗
java自学难吗

Java自学并不难。Java语言相对于其他一些编程语言而言,有着较为简洁和易读的语法,本专题为大家提供java自学难吗相关的文章,大家可以免费体验。

2023.07.31

6152

8

java配置jdk环境变量
java配置jdk环境变量

Java是一种广泛使用的高级编程语言,用于开发各种类型的应用程序。为了能够在计算机上正确运行和编译Java代码,需要正确配置Java Development Kit(JDK)环境变量。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.08.01

1064

3

java保留两位小数
java保留两位小数

Java是一种广泛应用于编程领域的高级编程语言。在Java中,保留两位小数是指在进行数值计算或输出时,限制小数部分只有两位有效数字,并将多余的位数进行四舍五入或截取。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.08.02

888

3

java基本数据类型
java基本数据类型

java基本数据类型有:1、byte;2、short;3、int;4、long;5、float;6、double;7、char;8、boolean。本专题为大家提供java基本数据类型的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.02

1296

5

java有什么用
java有什么用

java可以开发应用程序、移动应用、Web应用、企业级应用、嵌入式系统等方面。本专题为大家提供java有什么用的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.02

2569

5

java在线网站
java在线网站

Java在线网站是指提供Java编程学习、实践和交流平台的网络服务。近年来,随着Java语言在软件开发领域的广泛应用,越来越多的人对Java编程感兴趣,并希望能够通过在线网站来学习和提高自己的Java编程技能。php中文网给大家带来了相关的视频、教程以及文章,欢迎大家前来学习阅读和下载。

2023.08.03

19911

3

配置java环境变量
配置java环境变量

配置Java环境变量是为了让操作系统能够识别和使用Java的相关命令和功能。本专题为大家提供配置java环境变量相关文章,帮助大家解决问题。

2023.08.03

1155

8

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.6万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 133.4万人学习