【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 复杂类型传参

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

在这里插入图片描述

相关内容

热门资讯

商业火箭勇闯A股!已有IPO进... 年内有望迎来商业火箭IPO受理第一股吗?伴随12月26日上交所发布商业火箭企业适用科创板第五套上市标...
强化穿透式监管 银监法修订草案... 北京商报讯(记者 宋亦桐)十四届全国人大常委会第十九次会议对《中华人民共和国银行业监督管理法(修订草...
贵金属“牛市”能否跨年 2025年,全球贵金属市场迎来一场史无前例的“牛市”狂欢,黄金年内涨幅突破70%,白银飙升超170%...
对比互联网泡沫,AI现在走到“... 如果历史是一面镜子,AI浪潮正在映照出1998年的影子。国信证券王学恒团队27日发布的年度策略报告认...
Ed Yardeni 2026... 近日,Ed Yardeni分享了他对2026年股票、债券和黄金市场的展望,并剖析了未来一年可能影响这...
巴菲特谢幕、OpenAI搅动万... 回望即将落幕的2025年,一系列标志性商业事件,为这一年刻下了清晰而深刻的时代注脚。AI竞赛全面升温...
4年时间门店从0增至960家,... 近日,知名折扣店好特卖被指全国多地闭店,部分城市的新加盟也被叫停。据华夏时报报道,多地消费者在社交平...
英伟达800伏电压“革命”:全... 随着人工智能军备竞赛进入新阶段,英伟达正引领全球数据中心进行一场史无前例的供电架构“革命”:将电压标...
什么信号?利好,又要来了?! 12月19日,国家金融监督管理总局发布了《保险公司资产负债管理办法(征求意见稿)》(以下简称《办法》...
莱茵生物,金蝉脱壳? 这家曾立志成为工业大麻龙头的公司,为何在实控人深陷丑闻与业务遇阻的困境下,选择交出控制权?文/每日资...