[WebAssembly入门]一，概念与环境搭建

前言

在Web大行其道的今天，我们是否还需要更进一步？答案是肯定的。

现有的技术使得我们让在线互动变得可能，我们可以在浏览器中玩游戏、看电影、听音乐、与好友在线聊天等等。

看起来好像什么都能做，但是深入来讲，好像又什么都做不了。

我们举几个例子：

1、玩游戏，2D尚可，3D不佳。（JavaScript性能受限、安全问题也阻止直接调用原生接口、GPU传输层级过多内耗）

2、看电影（4K影片观看尚可，但无法做到实时降噪、锐化、对比度等调整）

3、听音乐（无法做到动态均衡器、无损音乐格式解码）

。。。。。。。。等等等等~~~~

我们已经提出了现状，那么我们要如何改变现状？

从上述例子中我们得出，大部分内容是因为 JavaScript 性能首先无法达到实时性所导致的。

这个时候，聪明的“Mircosoft”、“Apple”、“Google”、"Mozilla"、"Opera"、"Intel"等公司合力加入了 W3C Web - Assembly 社区组制定一个以字节码为目标语言的标准。

嗯，怎么看都有浓浓的阴毛味道在里面

不过，完全不要紧，世界五大浏览器厂商都已经加入战局，对我等屁民而言那真是极好的。

这个时候可能会有人会问，为什么我们不用"Flash"、"Silverlight"等技术，非要重新制定一套标准呢？

因为：依赖于一家私有公司的产品必将导致被这家公司牵着鼻子走，一家独大的场面是所有人都不愿意看到的。

OK，前戏就讲到这里，更多内容跟着我往下走，正文开始咯！~

概念

WebAssembly 是什么？

它是一个中间语言，可以由 C、C++、C#、Java 等等一系列高级语言编译而成。

WebAssembly 可以取代 JavaScript 吗？

不可以，它和 JavaScript 是相辅相成的状态，它们有自己擅长的领域与应用。（但不保证它们今后没有交叉）

既然 WebAssembly 可以由高级语言编译而来，我是不是可以调用系统底层了？

不可以，虽然它是由其他语言编译而来，但浏览器执行时依旧对其有安全限制。

为什么放着 JavaScript 不用非要整这么个幺蛾子？

你为什么有桨不用非要靠浪？因为爽啊！JavaScript 的性能已经提升到极限了，不得不做出改变。

我还是不明白它的作用，可以给我一个演示地址吗？

of course！ http://webassembly.org/demo/

环境搭建

我们使用 Emscripten 来完成 C/C++ to WASM 的转换，所以我们需要以下几个东西。

请顺序安装。

一、安装 Git，Windows 点击这里。

二、安装 emsdk。

三、编辑器及 IDE，GCC、Xcode、Visual Studio 2015 Update3或更高。

全部安装好后，请打开 控制台/终端，按顺序输入以下命令（下载速度过慢或报错系国内外网络问题，你懂的）：

emsdk update
emsdk install latest
emsdk activate latest
emsdk_env

最后，请将相关路径添加到 系统环境变量，例如我的就是：

D:\Program Files\emsdk-portable-64bit\emscripten\1.37.26

以上过程全部完成后，我们在 控制台/终端 中输入以下命令并查看结果，所有版本一致则为成功。

例如我的就是：

OK，以上就是搭建环境的全部过程。

如有其他意外情况可进入 Emscripten官网 进行查询。

下一章我们将来编译第一个 WASM 并在浏览器中运行。