周大侠啊 进击的 JavaScript(二) 之 数据结构

简介: 原文链接:周大侠啊 进击的 JavaScript(二) 之 数据结构这东西还是很重要的,你要是搞懂了,就会去除很多困惑,比如不知道大家在学习js 的时候,有没有对 基础类型 和 引用类型 感到困惑过,两者之间 表现的不同之处。

原文链接:周大侠啊 进击的 JavaScript(二) 之 数据结构

这东西还是很重要的,你要是搞懂了,就会去除很多困惑,比如不知道大家在学习js 的时候,有没有对 基础类型 和 引用类型 感到困惑过,两者之间 表现的不同之处。

js 不同其他编程语言,它是脚本语言。所以,它的数据结构严格意义上是不存在的,但是还是可以简单的归纳为三种结构,分别为 堆、栈、队列。

一、栈(stack)

它的特征就是:先进后出,自动分配内存,占据固定大小的空间,会自动释放。

二、堆(heap)

它的特征就是:动态分配的内存,大小不定也不会自动释放。js的垃圾回收器,进行回收。

三、队列(queue)

它的特征就是:先进先出,就跟你排队上公交一样,谁先来的,谁先上。(说插队的那位同学,我不跟你抬杠 (— 。 ——))。
它理解 事件循环Event Loop 的基础。

四、基本类型和引用类型与堆栈

(1)、栈(stack) 和 基本类型

基本类型:Undefined、Null、Boolean、Number 和 String,它们的值就存放在栈(stack)内存中,数据大小确定,内存空间大小可以分配。

栈中存放简单的数据段,比如,参数值,局部变量值(全局变量为全局对象的属性)。

栈的值都是不可修改的,只能重新分配。这就解释了,为啥,字符串创建后是不能更改的(其他基本类型一样,只是表现的不明显)。

这里写图片描述

所以,你就可以记住数字,布尔,字符串的方法 都是返回一个新的值,而不会修改原来的值了。

基本类型的复制

var num1 = 666;
var num2 = num1;
num2 = 566;

console.log(num2);    //566

这里写图片描述

基本类型的比较

666 === 666        //true
"zdx" === "zdx"    //true
true === false     //false
(2)、堆(heap) 和 引用类型

引用类型:对象,数组。

它们的数据就存放在 堆内存(heap)中,大小不一定,动态分配内存,可随时修改。

这里写图片描述

引用类型的变量存的是其在堆内存中的地址,值的读取,就是读取 这个内存地址中储存的内容。

引用类型的复制

var obj1 = {a:6};
var obj2 = obj1;
obj2.a = 5;

console.log(obj1.a)     //5

这里写图片描述

引用类型的比较

var obj1 = {a:666};
var obj2 = {a:666};

obj1 === obj2;     //false

var obj3 = obj1;
obj1 === obj3;     //true

总结:复制 或 比较 都是操作变量保存的值,但基础类型的变量保存数据,而引用类型的变量保存的是数据对应的地址。

不知道你知不知道 ES6 的 const,一般都用它来声明,就是这个道理。

相关文章
|
1月前
|
JavaScript 前端开发
js实现数据的双向绑定
js实现数据的双向绑定
30 2
|
26天前
|
JavaScript 算法 前端开发
采招网JS逆向:基于AES解密网络数据
采招网JS逆向:基于AES解密网络数据
37 0
|
1月前
|
数据采集 存储 JavaScript
基于Python 爬书旗网小说数据并可视化,通过js逆向对抗网站反爬,想爬啥就爬啥
本文介绍了如何使用Python编写网络爬虫程序爬取书旗网上的小说数据,并通过逆向工程对抗网站的反爬机制,最后对采集的数据进行可视化分析。
基于Python 爬书旗网小说数据并可视化,通过js逆向对抗网站反爬,想爬啥就爬啥
|
29天前
|
JSON JavaScript 数据格式
js实现更新数据
js实现更新数据
36 1
|
1月前
|
前端开发 JavaScript 安全
JavaScript——数字超过精度导致数据有误
JavaScript——数字超过精度导致数据有误
29 2
|
1月前
|
JavaScript 前端开发
JavaScript中通过按回车键进行数据的录入
这篇文章提供了一个JavaScript示例代码,演示了如何通过监听回车键(keyCode为13)在网页上实现数据的录入和触发一个警告框提示"正在登录验证......"。
JavaScript中通过按回车键进行数据的录入
|
1月前
|
JavaScript 数据处理
如何使用 Vue.js 将数据对象的值放入另一个数据对象中?
如何使用 Vue.js 将数据对象的值放入另一个数据对象中?
|
1月前
|
JavaScript 算法 数据安全/隐私保护
烯牛数据JS逆向:MD5数据加密?不存在的!
烯牛数据JS逆向:MD5数据加密?不存在的!
53 1
|
1月前
|
JavaScript 前端开发 网络协议
抖音直播弹幕数据逆向:websocket和JS注入
抖音直播弹幕数据逆向:websocket和JS注入
143 1
|
1月前
|
JavaScript 前端开发
在JavaScript如何确认数据的类型?
# `typeof` 与 `instanceof` 数据类型判断 `typeof` 操作符用于确定变量的基本数据类型,例如: - "string" - "number" - "boolean" - "undefined" 但对于引用类型如对象和数组,包括 `null`,它返回 "object"。 `instanceof` 用于检查对象是否为特定构造函数的实例,返回布尔值。它能准确识别数组等复杂类型,通过检查对象的原型链来确定其是否属于某个构造函数的实例。 两者结合使用可全面判断数据类型。
27 2