摘要：你可以从内存中直接拿东西，也可以直接往内存里存东西当你把或者其它语言编译为时，编译工具会在里增加一些辅助代码。
这是图解 SharedArrayBuffers 系列的第一篇：
内存管理碰撞课程
图解 ArrayBuffers 和 SharedArrayBuffers
用 Atomics 避免 SharedArrayBuffers 竞争条件
为了更好地理解 JavaScript 里的 ArrayBuffer 和 SharedArrayBuffer，首先应该了解点内存管理知识
你可以把一个机器的内存想成一个一个的盒子，我把它们当作办公室的邮箱或者幼儿园里放小孩东西的格子
如果你想把某个东西留给某个小孩，你就把东西放到格子里
每个盒子旁边都有一个编号，这就是内存地址，用于告诉别人如何去找到你留的东西
每个盒子大小都一样，可以存放特定容量东西。盒子的具体容量取决于机器，这个大小我们称为字长，一般为 32 位或者 64 位。不过，为了展示方便，我这里字长用 8 位
如果你想把数字 2 放到盒子里，这很容易做到，因为数字很容易用二进制表示
但是如果你想放一个非数字类型的呢？比如字母 H？
我们需要一种方式可以用数字来表示它，这需要借助编码技术，类似 UTF-8 。首先，我们需要一个东西可以把字母转为数字……类似一个编码环，接下来就可以存储了
当我们从盒子里取回的时候，我们需要把取出的数字放到解码环里翻译回字母 H
自动内存管理如果你是写 JavaScript 的，实际上你根本不需要关心内存，它对用户是透明的，这意味着你无法直接操纵内存
与此相对的， JS 引擎扮演着中间人角色，它为你管理好内存
我们用 React 举个例子，比如创建一个变量
JS 引擎通过一个编码器得到这个变量的二进制表示
然后，它会找到内存中可以放这个值的位置，这个过程称为内存分配
紧接着，引擎会持续追踪这个变量，看其是否还在程序中被使用。如果这个变量已经没有引用了，这块内存会被回收，JS 引擎就又可以在这里放新的值了
追踪内存中的变量（字符串、对象以及其它类型）并且在没有引用的时候清除它们的过程我们称作垃圾回收
类似 JavaScript 这种代码无法直接处理内存的语言叫做自动内存管理（memory-managed）语言
内存自动管理确实让开发者省了不少心，但是这也会带来额外的开销，这些额外开销会让程序的性能无法评估
手动内存管理手动内存管理的语言不太一样，继续上面例子，看 React 用 C 写的话（借助 WebAssembly 是 可能的）会如何处理内存
不像 JavaScript，C 没有多带带的内存管理抽象层，相反，你得直接与内存打交道。你可以从内存中直接拿东西，也可以直接往内存里存东西
当你把 C 或者其它语言编译为 WebAssembly 时，编译工具会在 WebAssembly 里增加一些辅助代码。比如，它会加入编解码的代码，这些代码我们称为运行时环境，运行时环境会帮助处理一些类似 JS 引擎帮 JS 做的事
但是，对于手动管理内存的语言，运行时不会包括垃圾回收
这并不意味着你需要完全由自己处理内存，即使在这类语言里，运行时你依然会得到一些辅助。比如，C 语言运行时会在一个 free list 里追踪可以使用的内存地址
你可以使用 malloc 函数（内存分配的简称）向运行时发出可以满足你数据存储需要的内存请求，这些内存会被从 free list 拿下来。当你用完了，需要调用 free 去释放内存，这些内存会被加回 free list
你必须清楚知道什么时候去调用这些函数，这就是为什么我们叫手动内存管理
作为一个开发者，知道什么时候去释放什么地方的内存是一件困难的事。如果你在错误时机处理了，这很可能会导致 BUG，甚至安全漏洞；如果你不处理，就会导致内存泄露
这就是为什么很多语言选择自动内存管理去避免人为错误，但是这牺牲了性能，下篇文章我还会谈到这些
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/83579.html
摘要：因为有了类型猜测，引擎通常会比真实需要预留更多的空间。如果你是手动维护的内存，可以根据实际使用需求来决定分配和释放内存的策略很多时候，这不是什么大不了的事。大多数场景并不会对性能要求那么苛刻，反而更多地担心管理内存的麻烦。 作者：Lin Clark 译者：Cody Chan 原帖链接：A cartoon intro to ArrayBuffers and SharedArrayBu...
摘要：如果期间有其它线程更新了，则会先拿到新的值重新运算一次多运算的竞争条件这些运算符成功避免了单运算中的竞争条件。 作者：Lin Clark 译者：Cody Chan 原帖链接：Avoiding race conditions in SharedArrayBuffers with Atomics 这是图解 SharedArrayBuffers 系列的第三篇： 内存管理碰撞课程 图...
摘要：前端日报精选等新方法简介写作建议和性能优化小结前端面试之篇第期关于雪碧图预处理和后处理方案的讨论你的网站可以一键变色吗中文译内存管理碰撞课程掘金阿里前端面试点目标，想成为一名好的前端工程师那些事函数能干啥如何在日常搬砖中使用最全， 2017-09-28 前端日报 精选 before(),after(),prepend(),append()等新DOM方法简介css写作建议和性能优化小结前...
摘要：创建多个对象同样也会影响垃圾回收。译注这里清除的是变量中存放的数据避免创建对象当然，降低垃圾回收最简单的方式是不要去创建对象。并不存在无痛地有效删除数组中某个对象的方法。 部分翻译自原文地址 若你想让你的游戏有60桢／秒的体验，你必须要做的就是在16浩渺内完成所有事：子弹运动，创建实体，控制碰撞，轨迹，变换场景，控制输入，播放音效。主流的游戏循环中，你需要做到尽可能高效。即便在30桢／...
摘要：点击进入发布界面，在发布平台选择微信小游戏，此时生成可以在微信开发者工具下运行的版本使用微信开发者工具打开，已经可以完美运行了。 本文由云+社区发表 6. 动画 6.1 创建伞兵对象 在src目录下创建一个新目录role，用来存放游戏中角色。 在role里创建一个伞兵Soldier.ts对象文件。 module role{ export class Soldier extend...
阅读 1356·2021-11-24 09:39
阅读 1345·2021-11-04 16:12
阅读 2682·2021-09-24 09:47
阅读 3336·2021-09-01 10:50
阅读 1476·2019-08-30 15:55
阅读 1423·2019-08-30 15:43
阅读 641·2019-08-30 11:08
阅读 3577·2019-08-23 18:33
