【JavaScript简单类型与复杂类型】
创始人
2025-05-28 18:32:12
0

JavaScript简单类型与复杂类型

  • 1 本节目标
  • 2 简单类型与复杂类型
  • 3 堆和栈
  • 4 简单类型和复杂类型的内存分配
  • 5 简单类型传参
  • 6 复杂类型传参

1 本节目标

  • 说出简单数据类型的内存分配
  • 说出复杂数据类型的内存分配
  • 说出简单类型如何传参
  • 说出复杂类型如何传参

2 简单类型与复杂类型

  • 简单类型又叫做基本数据类型或者值类型,复杂类型又叫做引用类型。
  • 值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型。
    string,number,boolean,undefined,null
    在这里插入图片描述
  • 引用类型:复杂数据类型,在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型。
    通过new关键字创建的对象(系统对象、自定义对象),如Object,Array,Date等。

3 堆和栈

堆栈空间分配区别:

  • 栈(操作系统):由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈。
    简单数据类型存放到栈里面
  • 堆(操作系统):存储复杂类型(对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收。
    复杂数据类型存放到堆里面
    在这里插入图片描述
  • 注意:JavaScript中没有堆栈的概念,通过堆栈的方式,更易理解代码的执行方式,便于将来学习其他语言。

4 简单类型和复杂类型的内存分配

  • 值类型(简单数据类型):string,number,boolean,undefined,null
  • 值类型变量的数据直接存放在变量(栈空间)中。
// 简单数据类型:是存放在栈里面的,里面直接开辟一个空间,存放的是值
// 复杂数据类型:首先在栈里面存放地址(用十六进制表示),然后这个地址指向堆里面的数据

在这里插入图片描述

5 简单类型传参

  • 函数的形参可看作是一个变量,当我们把一个值类型变量作为参数传给函数的形参时,其实是把变量在栈空间里的值复制了一份给形参,那么在方法内部对形参做任何修改,都不会影响到外部变量。
    在这里插入图片描述

6 复杂类型传参

  • 函数的形参也可以看作是一个变量,当我们把引用类型变量传给形参时,其实是把变量在栈空间里保存的堆地址复制给了形参,形参和实参其实保存的是同一个堆地址,所以操作的是同一个对象。

在这里插入图片描述

相关内容

热门资讯

光鲜外衣下败絮浮现,小熊电器的... 文|张可 出品|天下财道倡导“轻松生活”的小熊电器(002959.SZ),2026年的日子看上去将并...
沃尔玛、开市客、山姆、永辉、大... 随着2026年第一季度结束,大部分零售企业纷纷发布2025年业绩预告,或者全年业绩。《零售圈》对沃尔...
业绩高增背后合规隐忧交织 平安... 2026 年 4 月 17 日,平安消费金融有限公司发布高级管理人员变更公告,官宣公司迎来重大人事调...
ETF今日收评 | 卫星、通用... 三大指数涨跌不一,沪指震荡拉升。从板块来看,商业航天概念爆发,光纤概念快速拉升,液冷服务器概念走强;...
24小时不到,又关了!霍尔木兹... 文/安然“不幸的是,美国屡次违背承诺,以所谓封锁为幌子,继续行海上劫掠之事。”“因此,霍尔木兹海峡的...
摩企出口,谁领跑?1-3月:大... 2026年摩托车出口,哪家领跑?我国是摩托车的制造大国,2026年1-3月累计生产了532.4万辆摩...
湖南女首富的大甜甜,真的不香了... 文丨楠楠编辑丨百进来源丨正经社(ID:zhengjingshe)(本文约为800字)【正经社“科技前...
摩根大通顶尖原油分析师:没错,... 油价正在发出一个令人不安的矛盾信号——价格在跌,但基本面在恶化。短短两周,实物油价已从每桶144美元...
翻倍行情之下,长飞光纤在狂热与... AI时代的核心是算力,算力的核心是传输,长飞光纤(601869.SH)要做AI时代光联接的定义者。2...
500股跻身前十大股东!陕西旅... 2026年4月19日晚,陕西旅游(603402)披露2025年年报,一则罕见的股东信息引发A股市场广...