理解 WebAssembly（WASM）与 JavaScript 之间的区别 （Understand the Difference Between WASM vs JavaScript ）

在搜索了解 WebGPU 与 Vulkan 的关系与区别的时候发现的关于 WebAssembly（WASM）和 JavaScript 对比的不错的文章。

这里翻一下提供给需要的人。

PS：软件翻的，手动修改了一些别扭的地方，整体还行！

原文章地址：Understand the Difference Between WASM vs JavaScript

前言：

当把WASM和JavaScript放在一起比较时，这归结于使用场景：如果想要超高性能和接近原生的速度，特别是对于像虚拟现实/增强现实（VR/AR）、视频编辑或者3D游戏这类图形密集型应用，那么就选择WASM。然而，对于网页交互和动态内容创建而言，JavaScript仍然是经过实践检验的可靠选择。

WebAssembly（WASM）与JavaScript的核心差异

1. 性能与用途

• WASM 显著提升性能，采用低级二进制格式实现接近原生代码的运行速度，非常适合需要高性能的场景（如VR/AR、图形密集型游戏、复杂计算）。
• JavaScript 则擅长实现网页交互性，支持动态内容生成和客户端交互操作。

2. 安全性与普及度

• WASM 提供更强的内存安全性，减少漏洞攻击面；而 JavaScript 动态性更强，且应用广泛，目前支撑着全球97%的网站。

3. 语言支持与运行环境

• WASM 支持多语言开发（如C、C++、Rust、Go），允许跨语言共享库；
• JavaScript 遵循ECMAScript标准，主要运行于浏览器环境。

什么是WebAssembly？它适用于哪些人群？

WebAssembly（简称WASM）是一种二进制指令格式，于2019年被确立为W3C标准。这项尖端技术通过采用底层二进制格式，可在所有主流浏览器中运行，从而显著提升网站性能并扩展其功能。WebAssembly主要面向那些旨在解决AR、VR、图像或视频编辑等复杂使用场景中性能问题的开发者，提供接近原生的运行速度和卓越的用户体验。

应用开发者，尤其是从事视频编辑、3D游戏、增强现实、科学模拟和P2P服务领域的技术人员，最能受益于这项技术。WebAssembly支持多种编程语言（如C、C++、Rust、Python和Go），为使用这些语言进行开发的前端工程师简化了编码流程。

1. WebAssembly 的优点

• 高速执行、高效
• 提高开发人员的工作效率
• 强大的内存安全性减少了漏洞攻击面
• 支持多种语言

2. WebAssembly 的缺点

• 作为一种低级二进制格式，可能需要一些时间来掌握
• 指令有限
• 对于不熟悉二进制格式的初学者来说，学习曲线比较陡峭

JavaScript 是什么？它适用于哪些人群？

JavaScript 是一种动态且面向对象的计算机编程语言，它是一种轻量级语言，主要用于网页交互。JavaScript 于 1995 年首次以 LiveScript 的形式在 Netscape 2.0 中推出，它允许客户端脚本与用户交互、控制浏览器行为并创建动态 HTML 内容。它旨在帮助开发人员高效地创建以网络为中心的应用程序。

JavaScript 可应用于各个领域和平台，例如用于服务器端的 Node.js，而 jQuery、AngularJS 和 ReactJS 等库则推动了其在基于 AJAX 的 Web 开发中的应用。97% 的网站（包括 Facebook 和 YouTube 等科技巨头）都使用 JavaScript 实现无缝的用户交互和反馈传递。

1. JavaScript 的优点

• 支持创建动态和交互式网页
• 允许立即向用户提供反馈
• 通过客户端验证减少服务器交互

2. JavaScript的缺点

• 由于安全问题，功能有限
• 不支持多线程或多处理功能
• 处理较大的应用程序时会变得复杂

WASM 与 JavaScript：定价

WebAssembly (WASM) 和 JavaScript 均可供开发人员免费使用，无需直接付费。

1. WebAssembly（WASM）

作为万维网联盟 (W3C) 制定的 Web 开发标准，WASM 是免费的。它专为浏览器兼容性而设计，使用时无需额外付费。开发人员可以使用它来增强其 Web 应用程序并优化性能。成本因素主要与利用 WASM 技术所需的人力资源、知识和专业知识有关。

2. JavaScript

JavaScript 是现代 Web 开发的支柱之一，一直以来都是免费使用的。它的开源特性鼓励 Web 开发人员不受任何金钱限制地使用脚本语言。由于 JavaScript 是客户端的，直接在浏览器环境中运行，因此无需购买或许可费用。但是，JavaScript 开发的整体费用包括程序员的专业知识、资源以及创建、调试和管理 JavaScript 代码的工具。

WASM 和 JavaScript 的代码示例

WASM

以下 WASM 代码片段描述了创建简单斐波那契函数的过程。在深入研究之前，请确保已安装 Emscripten 工具包，以便将 C 代码编译为 WebAssembly。

#include <emscripten emscripten.h="">

EMSCRIPTEN_KEEPALIVE
int fib(int n) {
    if (n <= 0)
    return 0;
    else if (n == 1)
    return 1;
    else
    return fib(n-1) + fib(n-2);
}         
</emscripten>

JavaScript

此 JavaScript 代码片段展示了如何调用上面定义的 WebAssembly Fibonacci 函数。它包括加载 WASM 模块，然后调用该函数。在开始此示例之前，请确保您的服务器环境支持正确提供 WebAssembly 文件。

fetch('wasm/fib.wasm')
.then(response => response.arrayBuffer())
.then(bytes => WebAssembly.instantiate(bytes))
.then(results => {
    const { fib } = results.instance.exports; // import the fib function
    let n = 10;
    console.log(`The ${n}th number in the Fibonacci sequence is ${fib(n)}.`);
})
.catch(console.error);  

这些是深入探索 JavaScript 和 WASM 世界的垫脚石。它们向您介绍了各种关键方面，例如 Emscripten、EMSCRIPTEN_KEEPALIVE、WebAssembly.instantiate 等。

最后的对决：WASM 还是 JavaScript？

战场：WASM 和 JavaScript。两种技术各有各的优势。对峙？不可避免。现在，让我们深入探讨一下，在我们技术社区的不同子集中，哪一种技术占据主导地位。

游戏和 AR/VR 开发者

在游戏和 AR/VR 开发方面，WebAssembly (WASM) 毫无疑问胜过 JavaScript。WASM的高性能执行，加上其与 C++ 和 Rust 等语言的兼容性，对创建密集型应用程序的开发人员来说具有吸引力。WASM 消除了缓冲复杂性，支持浏览器内 C/C++，并使 AR/VR 编程变得无缝衔接。还有一个好处：它的二进制格式非常适合 3D 游戏和虚拟/增强现实应用程序。WASM是游戏玩家和 AR/VR 专家的盟友。

游戏开发人员专注于编写代码，操作 WASM 来创造复杂的 AR/VR 体验。

寻求卓越性能和可移植性的开发人员

诚然，JavaScript 轻量且动态，但它无法跟上 WebAssembly 显著的性能提升和接近原生的速度。WASM 将高速、高效、可移植性和沙盒功能融为一体，无与伦比。语言爱好者：您可以在这里使用 Rust、Go、C++ 甚至 Python。WASM 甚至在无服务器环境中也能发挥神奇作用，有效解决采用问题。追求性能的人，赶快加入 WASM 潮流吧。

专注的开发人员，着迷于 WASM 的性能最大化和语言多功能性。

尖端互动网站的 Web 开发人员

不可否认的是：在交互性方面，JavaScript 占据了主导地位。虽然它擅长创建动态网页并与 HTML 有着友好的关系，但 WASM 却抢占了风头。借助 WASM，开发人员可以在 Web 环境中以前所未有的方式生成高性能函数。对于超出 JavaScript 舒适区的复杂应用程序，WASM 是无可争议的胜利者。Web开发人员，是时候用 WASM 拓宽你的视野了。

Web 开发人员使用 WASM 处理其代码，重新定义网站交互性

为内存安全而战的队伍

对于需要强大安全性的堡垒，WASM 的强类型变量比 JavaScript 的动态变量更难被利用。WASM 现在通过提供更好的内存安全性并减少攻击面，帮助您抵御缓冲区溢出等常见漏洞。在争夺内存安全性和保障的战斗中，WASM 举起了胜利旗帜。

程序员积极利用 WASM 强大的安全功能捍卫自己的代码库

总结：

在 WASM 与 JavaScript 的争论中，WASM 更适合游戏、AR/VR 和高性能应用，而 JavaScript 可能仍然适合更简单的交互用途。然而，随着 WASM 的兴起，很明显 JavaScript 可能不再占据主导地位。