【JavaScript】简单数据类型 与 复杂数据类型 ① ( 堆内存和栈内存 | 简单数据类型内存存储 | 复杂数据类型内存存储 )

2024-06-12 20:44

本文主要是介绍【JavaScript】简单数据类型 与 复杂数据类型 ① ( 堆内存和栈内存 | 简单数据类型内存存储 | 复杂数据类型内存存储 ),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • 一、简单数据类型
    • 1、简单数据类型简介
    • 2、简单数据类型 null 空类型的特殊性
  • 二、复杂数据类型
  • 三、堆内存和栈内存





一、简单数据类型




1、简单数据类型简介


JavaScript 中 , " 简单数据类型 “ 又称为 ” 基本数据类型 " 或 " 值类型 " , 与 简单数据类型 相对的 " 复杂数据类型 “ 又称为 ” 引用类型 " ;


简单数据类型 在 内存中存储时 , 存储的是 数据值 本身 ;

如 : 存储 number 数字类型的值 888 , 在内存中存储的就是值 888 ;

简单数据类型包括 :

  • string 字符串类型
  • number 数字类型
  • boolean 布尔类型
  • undefined 未定义类型
  • null 空类型

2、简单数据类型 null 空类型的特殊性


null 空类型 比较特殊 , 使用 typeof 运算符获取 null 类型变量的类型时 , 返回的是 object 类型 , 也就是说这是一个 " 空对象 " ;


null 空类型使用场景 : null 空类型 是一个 object 类型 , 可以理解为 " 空对象 " ;

如果定义一个变量 , 想要存储一个对象 , 但是此时对象没有进行赋值 , 可以先赋值为 null 值 ;


代码示例如下 :

        // 空类型变量var nullVar = null;// 输出 : objectconsole.log(typeof nullVar);

完整代码 :

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// 空类型变量var nullVar = null;// 输出 : objectconsole.log(typeof nullVar);</script>
</head><body>
</body></html>

在这里插入图片描述





二、复杂数据类型



复杂数据类型 又称为 引用数据类型 ;

复杂数据类型 在内存中存储时 , 在 栈内存 中 存储的是 堆内存中的地址 , 在 堆内存 中 存储的是 复杂数据类型 的 数据内容 ;

栈内存中存储的地址 指向 堆内存中的数据 ;


复杂数据类型 都是 通过 new 关键字创建的对象 , 这个对象既包括 JavaScript 提供的内置对象 , 也包括用户自己自定义的对象 ;





三、堆内存和栈内存



栈内存 Stack 和 堆内存 Heap 是 内存管理 的 两种主要方式 ;


栈内存 由 操作系统 进行管理 , 自动进行 内存分配 和 内存释放 ;

函数的 参数值 / 局部变量 等值 , 存储到 栈内存中 ;

简单数据类型 的 值 , 直接存储到 栈内存 中 ;


堆内存 由 开发者 手动进行 内存分配 和 内存释放 ;

在高级语言中 , 开发者不进行手动释放 , 由 垃圾回收机制 完成堆内存的回收 ;

复杂数据类型 的 值 , 存储到 堆内存中 , 存储复杂数据类型后 对应的 堆内存的地址 存储到 栈内存 中 ;

这篇关于【JavaScript】简单数据类型 与 复杂数据类型 ① ( 堆内存和栈内存 | 简单数据类型内存存储 | 复杂数据类型内存存储 )的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1055294

相关文章

C++对象布局及多态实现探索之内存布局(整理的很多链接)

本文通过观察对象的内存布局,跟踪函数调用的汇编代码。分析了C++对象内存的布局情况,虚函数的执行方式,以及虚继承,等等 文章链接:http://dev.yesky.com/254/2191254.shtml      论C/C++函数间动态内存的传递 (2005-07-30)   当你涉及到C/C++的核心编程的时候,你会无止境地与内存管理打交道。 文章链接:http://dev.yesky

Java五子棋之坐标校正

上篇针对了Java项目中的解构思维,在这篇内容中我们不妨从整体项目中拆解拿出一个非常重要的五子棋逻辑实现:坐标校正,我们如何使漫无目的鼠标点击变得有序化和可控化呢? 目录 一、从鼠标监听到获取坐标 1.MouseListener和MouseAdapter 2.mousePressed方法 二、坐标校正的具体实现方法 1.关于fillOval方法 2.坐标获取 3.坐标转换 4.坐

Spring Cloud:构建分布式系统的利器

引言 在当今的云计算和微服务架构时代,构建高效、可靠的分布式系统成为软件开发的重要任务。Spring Cloud 提供了一套完整的解决方案,帮助开发者快速构建分布式系统中的一些常见模式(例如配置管理、服务发现、断路器等)。本文将探讨 Spring Cloud 的定义、核心组件、应用场景以及未来的发展趋势。 什么是 Spring Cloud Spring Cloud 是一个基于 Spring

Javascript高级程序设计(第四版)--学习记录之变量、内存

原始值与引用值 原始值:简单的数据即基础数据类型,按值访问。 引用值:由多个值构成的对象即复杂数据类型,按引用访问。 动态属性 对于引用值而言,可以随时添加、修改和删除其属性和方法。 let person = new Object();person.name = 'Jason';person.age = 42;console.log(person.name,person.age);//'J

java8的新特性之一(Java Lambda表达式)

1:Java8的新特性 Lambda 表达式: 允许以更简洁的方式表示匿名函数(或称为闭包)。可以将Lambda表达式作为参数传递给方法或赋值给函数式接口类型的变量。 Stream API: 提供了一种处理集合数据的流式处理方式,支持函数式编程风格。 允许以声明性方式处理数据集合(如List、Set等)。提供了一系列操作,如map、filter、reduce等,以支持复杂的查询和转

一份LLM资源清单围观技术大佬的日常;手把手教你在美国搭建「百万卡」AI数据中心;为啥大模型做不好简单的数学计算? | ShowMeAI日报

👀日报&周刊合集 | 🎡ShowMeAI官网 | 🧡 点赞关注评论拜托啦! 1. 为啥大模型做不好简单的数学计算?从大模型高考数学成绩不及格说起 司南评测体系 OpenCompass 选取 7 个大模型 (6 个开源模型+ GPT-4o),组织参与了 2024 年高考「新课标I卷」的语文、数学、英语考试,然后由经验丰富的判卷老师评判得分。 结果如上图所

Java面试八股之怎么通过Java程序判断JVM是32位还是64位

怎么通过Java程序判断JVM是32位还是64位 可以通过Java程序内部检查系统属性来判断当前运行的JVM是32位还是64位。以下是一个简单的方法: public class JvmBitCheck {public static void main(String[] args) {String arch = System.getProperty("os.arch");String dataM

详细分析Springmvc中的@ModelAttribute基本知识(附Demo)

目录 前言1. 注解用法1.1 方法参数1.2 方法1.3 类 2. 注解场景2.1 表单参数2.2 AJAX请求2.3 文件上传 3. 实战4. 总结 前言 将请求参数绑定到模型对象上,或者在请求处理之前添加模型属性 可以在方法参数、方法或者类上使用 一般适用这几种场景: 表单处理:通过 @ModelAttribute 将表单数据绑定到模型对象上预处理逻辑:在请求处理之前

eclipse运行springboot项目,找不到主类

解决办法尝试了很多种,下载sts压缩包行不通。最后解决办法如图: help--->Eclipse Marketplace--->Popular--->找到Spring Tools 3---->Installed。

JAVA读取MongoDB中的二进制图片并显示在页面上

1:Jsp页面: <td><img src="${ctx}/mongoImg/show"></td> 2:xml配置: <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001