Javascript的补充：Typescript、Rust、C/C++

太过爱你忘了你带给我的痛 2022-12-26 15:26 138阅读 0赞

浏览器只支持Javascript和WebAssembly，所以作为Javascript的补充，要么能够转换成Javascript，要么能转换成WebAssembly。

补充Javascript的出发点有三：

*  一、重复利用已经有的代码，特别是C/C++的代码，不用为了将应用转移到Web端，用Javascript重写一遍，将原来的C/C++转换一下就好。
 *  二、为了避开Javascript是动态类型的坑，因为是动态类型，所以很多错误要在运行时才能被发现，这在大型工程中是致命的，所以要用静态类型的语言来代替动态类型的语言，以便在编译时就可以发现更多的错误。
 *  三、为了保密，选择Rust或C/C++，然后编译成WebAssembly，二进制的代码破解起来比文本型的Javascript困难地多，不想让人看到内部逻辑的，可以这么做。

如果是出于前两点，Javascript或WebAssembly都可以作为编译目标，看个人喜好。如果出于第三点，只能编译成WebAssembly。

所谓TypeScript就是Typed JavaScript，即增加了类型的Javascript，有了类型就可以做静态检查，就可以在编译期排查很多类型不匹配问题。TypeScript可以用tsc转换成Javascript。TypeScript可以用AssemblyScript转换成WebAssembly。

Rust可以转换成WebAssembly。WebAssembly是Rust的编译目标之一。通过rustc可以将Rust编译成WebAssembly输出。

C/C++既可以转换成Javascript，也可以转换成WebAssembly。使用Emscripten可以将C/C++转换成Javascript，也可以编译成WebAssembly。

<table> 
 <thead> 
  <tr> 
   <th></th> 
   <th>Javascript</th> 
   <th>WebAssembly</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>TypeScript</td> 
   <td>✔</td> 
   <td>✔</td> 
  </tr> 
  <tr> 
   <td>Rust</td> 
   <td></td> 
   <td>✔</td> 
  </tr> 
  <tr> 
   <td>C/C++</td> 
   <td>✔</td> 
   <td>✔</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th></th> 
   <th>重复利用</th> 
   <th>避开动态类型</th> 
   <th>保密</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>TypeScript</td> 
   <td></td> 
   <td>✔</td> 
   <td>✔</td> 
  </tr> 
  <tr> 
   <td>Rust</td> 
   <td></td> 
   <td>✔</td> 
   <td>✔</td> 
  </tr> 
  <tr> 
   <td>C/C++</td> 
   <td>✔</td> 
   <td>✔</td> 
   <td>✔</td> 
  </tr> 
 </tbody> 
</table>

参考资料

*  [TypeScript 官网][TypeScript]
 *  [TypeScript 中文网][TypeScript 1]
 *  [AssemblyScript 官网][AssemblyScript]
 *  [WebAssembly - Rust Programming Language 官网][WebAssembly - Rust Programming Language]
 *  [Emscripten 官网][Emscripten]
 *  [asm.js 和 Emscripten 入门教程][asm.js _ Emscripten]
 *  [五分钟了解asm.js和WebAssembly][asm.js_WebAssembly]

[TypeScript]: https://www.typescriptlang.org/
[TypeScript 1]: https://www.tslang.cn/
[AssemblyScript]: https://www.assemblyscript.org/
[WebAssembly - Rust Programming Language]: https://www.rust-lang.org/what/wasm
[Emscripten]: https://emscripten.org/
[asm.js _ Emscripten]: http://www.ruanyifeng.com/blog/2017/09/asmjs_emscripten.html
[asm.js_WebAssembly]: https://baijiahao.baidu.com/s?id=1621291166647607978&wfr=spider&for=pc