鸿蒙应用开发-基础:JS内存管理

简介

JavaScript在创建变量(对象,字符串等)时自动进行分配内存,在不使用时"自动"释放

内存的分配、使用、回收

JavaScript 的内存分配

  1. 值的初始化

JavaScript 在定义变量时就完成了内存分配

js 复制代码
var n = 123; // 给数值变量分配内存
var s = "azerty"; // 给字符串分配内存

var o = {
  a: 1,
  b: null,
}; // 给对象及其包含的值分配内存

// 给数组及其包含的值分配内存(就像对象一样)
var a = [1, null, "abra"];

function f(a) {
  return a + 2;
} // 给函数(可调用的对象)分配内存

// 函数表达式也能分配一个对象
someElement.addEventListener(
  "click",
  function () {
    someElement.style.backgroundColor = "blue";
  },
  false,
);
  1. 有些函数调用也可以分配内存
js 复制代码
var d = new Date(); // 分配一个 Date 对象
var e = document.createElement("div"); // 分配一个 DOM 元素

var s = "azerty";
var s2 = s.substr(0, 3); // s2 是一个新的字符串
// 因为字符串是不变量,
// JavaScript 可能决定不分配内存,
// 只是存储了 [0-3] 的范围。

var a = ["ouais ouais", "nan nan"];
var a2 = ["generation", "nan nan"];
var a3 = a.concat(a2);
// 新数组有四个元素,是 a 连接 a2 的结果

使用分配到的内存(读、写)

使用值的过程实际上是对分配内存进行读取与写入的操作

内存的回收

高级语言解释器嵌入了"垃圾回收器",它的主要工作是跟踪内存的分配和使用,以便当分配的内存不再使用时,自动释放它

垃圾回收算法主要依赖于引用的概念。在内存管理的环境中,一个对象如果有访问另一个对象的权限(隐式或者显式),叫做一个对象引用另一个对象

引用计数垃圾收集

对象是否不再需要"根据"有没有其他对象引用到它"。如果没有引用指向该对象(零引用),对象将被垃圾回收机制回收

js 复制代码
var o = {
  a: {
    b: 2,
  },
};
// 两个对象被创建,一个作为另一个的属性被引用,另一个被分配给变量 o
// 很显然,没有一个可以被垃圾收集

var o2 = o; // o2 变量是第二个对"这个对象"的引用

o = 1; // 现在,"这个对象"只有一个 o2 变量的引用了,"这个对象"的原始引用 o 已经没有

var oa = o2.a; // 引用"这个对象"的 a 属性
// 现在,"这个对象"有两个引用了,一个是 o2,一个是 oa

o2 = "yo"; // 虽然最初的对象现在已经是零引用了,可以被垃圾回收了
// 但是它的属性 a 的对象还在被 oa 引用,所以还不能回收

oa = null; // a 属性的那个对象现在也是零引用了
// 它可以被垃圾回收了

这个算法存在循环引用的问题。所以JS里面没有使用这个算法

o和o2相互引用,函数f执行完成后它俩的引用计数还是为1,无法被清除

js 复制代码
function f() {
  var o = {};
  var o2 = {};
  o.a = o2; // o 引用 o2
  o2.a = o; // o2 引用 o

  return "azerty";
}

f();

标记 - 清除算法

假定设置一个叫做根(root)的对象(在 Javascript 里,根是全局对象)。垃圾回收器将定期从根开始,找所有从根开始引用的对象,然后找这些对象引用的对象......从根开始,垃圾回收器将找到所有可以获得的对象和收集所有不能获得的对象

从 2012 年起,所有现代浏览器都使用了标记 - 清除垃圾回收算法

参考资料

  1. MDN JavaScript 内存管理
相关推荐
哈哈你是真的厉害16 小时前
React Native 鸿蒙跨平台开发:FlatList 基础列表代码指南
react native·react.js·harmonyos
南村群童欺我老无力.16 小时前
Flutter 框架跨平台鸿蒙开发 - 阅读进度追踪应用开发指南
flutter·华为·harmonyos
世人万千丶16 小时前
鸿蒙跨端框架 Flutter 学习 Day 4:程序生存法则——异常捕获与异步错误处理的熔断艺术
学习·flutter·华为·harmonyos·鸿蒙
小白阿龙16 小时前
鸿蒙+Flutter 跨平台开发——简易猜数字竞猜游戏实现
flutter·游戏·harmonyos
不爱吃糖的程序媛18 小时前
在 腾讯Kuikly 跨平台框架中实现设备信息检测(支持鸿蒙)
华为·harmonyos
小白阿龙20 小时前
鸿蒙+flutter 跨平台开发——简易井字棋小游戏实现
flutter·华为·harmonyos·鸿蒙
夜雨声烦丿20 小时前
Flutter 框架跨平台鸿蒙开发 - 打造随机抽奖/点名器应用
flutter·华为·harmonyos
弓.长.20 小时前
React Native 鸿蒙跨平台开发:实现商品列表组件
react native·react.js·harmonyos
小白阿龙21 小时前
鸿蒙+flutter 跨平台开发——Placeholder 控件的基础使用场景
flutter·华为·harmonyos·鸿蒙
弓.长.21 小时前
React Native 鸿蒙跨平台开发:SafeAreaView 安全区域
安全·react native·harmonyos