讲师中心 微信公众号
AI工具推荐 视频效率加速

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

梦辰大大_5199

梦辰大大_5199

发布时间:2026-06-08 18:15:36

|

531人浏览过

|

来源于php中文网

原创

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

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

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

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

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

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

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

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

  • 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),则外部同步变化。

热门AI工具

更多
讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

相关专题

更多
java
java

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

9877

2023.06.15

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

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

7002

2023.07.05

java自学难吗
java自学难吗

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

6192

2023.07.31

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

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

1064

2023.08.01

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

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

888

2023.08.02

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

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

1296

2023.08.02

java有什么用
java有什么用

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

2589

2023.08.02

java在线网站
java在线网站

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

19911

2023.08.03

LLVM自定义Pass怎么写
LLVM自定义Pass怎么写

本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

100

2026.09.30

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
TypeScript 教程
TypeScript 教程

共19课时 | 6.6万人学习

JavaScript基础精讲视频教程
JavaScript基础精讲视频教程

共36课时 | 9.4万人学习

JavaScript 基础加强视频教程
JavaScript 基础加强视频教程

共73课时 | 20.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn