周大侠啊 进击的 JavaScript(二) 之 数据结构-阿里云开发者社区

开发者社区> 周大侠啊> 正文

周大侠啊 进击的 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,一般都用它来声明,就是这个道理。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
9985 0
使用javascript的stack数据结构,实现进制转换
function Stack() { var items = []; this.push = function(element){ items.push(element); } this.
598 0
Python爬虫入门教程 31-100 36氪(36kr)数据抓取 scrapy
1. 36氪(36kr)数据----写在前面 今天抓取一个新闻媒体,36kr的文章内容,也是为后面的数据分析做相应的准备的,预计在12月底,爬虫大概写到50篇案例的时刻,将会迎来一个新的内容,系统的数据分析博文,记得关注哦~ 36kr 让一部分人先看到未来,而你今天要做的事情确实要抓取它的过去。
9318 0
Python爬虫入门教程 39-100 天津市科技计划项目成果库数据抓取 scrapy
爬前叨叨 缘由 今天本来没有打算抓取这个网站的,无意中看到某个微信群有人问了一嘴这个网站,想看一下有什么特别复杂的地方,一顿操作下来,发现这个网站除了卡慢,经常自己宕机以外,好像还真没有什么特殊的..
599 0
js之原生JavaScript数据结构
js之原生JavaScript数据结构
4843 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13762 0
【JavaScript框架封装】数据类型检测模块功能封装
版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/80984381 数据类型检测封装后的最终模块代码如下: /*数据类型检验*/ xframe.extend(xframe, { // 鸭子类型(duck typing)如果它走起路来像鸭子,叫起来也是鸭子,那么它就是鸭子。
886 0
javascript字典数据结构常用功能实现
必知必会啊。 function Dictionary(){ var items = {}; this.has = function (key) { return key in items; }; this.
716 0
+关注
周大侠啊
学海无涯苦作舟
30
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载