Tag: es6

WebAssembly 工作原理

WebAssembly 一门低级的类汇编语言，它为诸如 C++ 和 Rust 等拥有低级的内存模型语言提供了可调用js Api 的能力，同时提供了一个可直接执行在底层虚拟机的环境，这使得它可以兼容目前主流的浏览器的同时拥有较高的执行效率。

WebAssembly 提供了两个主要能力

wat 为诸如 C++ 和 Rust 等拥有低级的内存模型语言提供了一个编译目标，我们只需要为源语言设计到wat格式的编译器，就可以实现任何语言到 WebAssembly 的映射，wat编译器会将.wat代码编译为.wasm

wasm 为 js 提供了一个可直接执行在底层虚拟机的环境，这使得它可以兼容目前主流的浏览器的同时拥有较高的执行效率。

Map 与 WeakMap

Map 映射表

在MDN上是这么描述 Map 的:

该Map对象保存键值对并记住键的原始插入顺序。任何值（对象和原始值）都可以用作键或值。

说到键值对形式的数据格式，我会很容易联想到数组(Array)和对象(Object),我们先来看一下它的区别

/**
 * Array
 * 在 javascript 中数组是一组数据的集合，并且可进行迭代的
 * key 必须为number，从 0 开始依次递增，
 * vaule 可以为任何类型
 */
const array = new Array([a,b,c,d,e])
console.log(array[0]); // a
array.forEach((value,key)=>{
  console.log(value+' => '+key + ', ');
}) // 0 => a, 1 => b, 2 => c, 3 => d, 4 => e

/**
 * Object
 * 在 javascript 中对象是一组属性的集合，不能进行迭代
 * key 必须为string，通常我们称它为属性名
 * vaule 可以为任何类型
 */
const object = new Object({
  name: 'aaa'
})
console.log(object.name); // aaa
object.forEach((value,key)=>{
  console.log(key+' => '+value + ', ');
})// Error 因为Object不可以进行迭代

NAN2/14/23About 4 min