Js中的堆栈
时间:2022-07-24
本文章向大家介绍Js中的堆栈,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
Js中的堆栈
堆heap
是动态分配的内存,大小不定也不会自动释放,栈stack
为自动分配的内存空间,在代码执行过程中自动释放。
栈区
在栈内存中提供一个供Js
代码执行的环境,关于作用域以及函数的调用都是栈内存中执行的。
Js
中基本数据类型String
、Number
、Boolean
、Null
、Undefined
、Symbol
,占用空间小且大小固定,值直接保存在栈内存中,是按值访问,对于Object
引用类型,其指针放置于栈内存中,指向堆内存的实际地址,是通过引用访问。
关于调用栈,每调用一个函数,解释器就会把该函数添加进调用栈并开始执行;正在调用栈中执行的函数还调用了其它函数,那么新函数也将会被添加进调用栈,一旦这个函数被调用,便会立即执行;当前函数执行完毕后,解释器将其清出调用栈,继续执行当前执行环境下的剩余的代码;当分配的调用栈空间被占满时,会引发堆栈溢出错误。
// Console调试
var a = 1;
function s(){
var b = 11;
debugger; // 断点
}
function ss(){
s();
}
ss();
/*
...
Call Stack
> s (VM383:4)
ss (VM383:7)
(anonymous) (VM383:9)
Scope
Local
b: 11
this: Window
Global Window
...
...
*/
堆区
引用类型Object
的变量占据空间大且大小不固定,堆内存中存储实际对象,在栈内存中存储对象的指针,对于对象的访问是按引用访问的,在堆区的内存不会随着程序的运行而自动释放,这就需要实现垃圾回收机制GC
,需要注意的是在Js
中没有类似于C
中的free()
函数去手动释放内存,对于堆区内存回收全部需要通过Js
的垃圾回收机制去实现。
在栈区中执行的变量等是通过值访问,当其作用域销毁后变量也就随之销毁,而使用引用访问的堆区变量,在一个作用域消失后还可能在外层作用域或者其他作用域仍然存在引用,不能直接销毁,此时就需要通过算法计算该堆区变量是否属于不再需要的变量,从而决定是否需要进行内存回收,在Js
中主要有引用计数与标记清除两种垃圾回收算法。
每日一题
https://github.com/WindrunnerMax/EveryDay
参考
https://www.zhihu.com/question/42231657
https://segmentfault.com/a/1190000009693516
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Memory_Management
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法