别了,JavaScript;你好,WebAssembly

简介: 作为JavaScript替代,一种Web开发的新形式已经浮出水面:WebAssembly。 Web开发与JavaScript开发向来是同义词。就是说,直到现在。但一种新的Web开发形式已然出现,声言会取代JavaScript。

11947ebd9a8ead7825696b414376890b14f80b55

作为JavaScript替代,一种Web开发的新形式已经浮出水面:WebAssembly。

Web开发与JavaScript开发向来是同义词。就是说,直到现在。但一种新的Web开发形式已然出现,声言会取代JavaScript。作为一个拥有15年Web开发经验的程序员,这个新方向瞬间吸引了我。

WebAssembly (Wasm)是一种在浏览器中可以执行的二进制指令,旨在为C#等高级语言提供一种编译目标。去年,微软开始尝试基于WebAssembly使用Mono运行时让.NET进入浏览器。Mono为.NET运行库(.dll)提供了基于WebAssembly运行的环境。运行在Mono之上的是Blazor,一个构建于.NET的单页Web应用开发框架,通过Mono的WebAssembly运行时在浏览器中运行。WebAssembly-Mono-Blazor这个全栈.NET应用平台能够催生不用JavaScript或浏览器插件的开发者。

46d2c5b73844ce1888c67d6a73c61d46add0ba70

这个新东东的出现立即引发了问题,很正常。

做出选择

我的答案完全代表自己的想法,而且我觉得并非所有开发者、项目或工具都应该一样。对我而言,答案很清楚,简单说就是“选择”。不限于JavaScript的Web开发意味着选择,或者说可以选择不使用JavaScript或.NET而选择其他语言的自由。更准确也更个人地说,我有了可以使用自己早就在使用的工具和语言开发Web应用的选择。

npm与WebPack

.NET切入Web开发的一个特殊优势,就是有了可以替换npm和WebPack的工具。作为一个多年的.NET程序员,我可以向NuGet(包管理程序)和MSBuild招手了。对我而言,这些工具问题少,更熟悉,且效率也高得多。尽管没有完美的事物,但我使用NuGet和MSBuild的体验一直是很好的。

6354bb4b11420f378730bbf094d90f62d38045d1

乍一听好像我的意思是npm和Webpack不好,希望大家放弃它们,但反之也一样。npm和WebPack都是伟大的工具,还会存在相当长的时间。如果你的JavaScript工具用来创建Web应用很好使,那没问题。基于我对Web开发多年的认知,我明白为什么会出现npm和WebPack,也对它们取得的成熟和将要做出的贡献表示赞赏。

降低学习难度

Blazor让我非常震撼的是它使用起来非常简单。公正地说,我承认它的功能不完善,还没有大规模测试。Blazor把简单易用的Razor(UI)与其他.NET核心概念组合起来:依赖注入、配置、路由。而且从Angular及React等流行JavaScript框架借用了最佳模式,同时利用了Razor模板,并提供了与其他.NET惯例的一致性。这些功能的组合支持前所未有的技能重用。相信使用同一种语言并熟悉全栈JavaScript应用相关概念的Node程序员可以理解这一点。

还是需要JavaScript

使用WebAssembly并不意味着可以抛弃JavaScript。WebAssembly眼下还只能被JavaScript加载和编译。(没错,这有点乱。)虽然未来的计划让WebAssembly模块可以像ES6模块一样被浏览器加载,但JavaScript还是启动WebAssembly必需的。JavaScript的必要性还不止于此。WebAssembly自身无法访问任何平台API,而要访问这些API,JavaScript也是必要的。

Blazor interop

WebAssembly应用可以调用JavaScript,让WebAssembly能调用自己不能调用的API。这项功能Blazor框架也用到了。因为Blazor刚出来不久且还是实验性的,开发者可以通过Blazor interop在WebAssembly自身不足时把JavaScript作为后备,当然Blazor也不成熟。此外这个交互机制也是一个抽象层,很多使用C#的程序员都会用到,他们不必担心底层运行的还是JavaScript。随着WebAssembly的不断成熟,类似的抽象会不断减少。

1d5f25b1a14b1a503a694f696b8053e9d7b75eff

不是永远不见

Progress在JavaScript及Angular、React、Vue和jQuery上投入巨大。Progress旗下最令人激动的一个开源框架是NativeScript.。NativeScript是一个使用JavaScript创建iOS和Anroid原生应用的框架。NativeScript提醒我WebAssembly是在为程序员创建新选择。借助 NativeScript,JavaScript程序员可以重用自己已有的技能进入移动开发领域,这在工作上更有价值。NativeScript的目标是为程序员赋能,也不减损Swift、Objective-C或Java的价值。

我感觉WebAssembly也有一个相同的目标。事实上,这个目标官宣在 WebAssembly文档中。

WebAssembly想取代JavaScript? 不!WebAssembly的设计目标是作为JavaScript的补充,而不是替代。虽然WebAssembly会随着时间推移允许很多语言在Web上编译执行,JavaScript依旧有着巨大的能量,还会继续保持其单一、 专有(如前所述)的动态Web语言地位。此外,未来的JavaScript和WebAssembly应该只需配置几下就可以协同工作……

前进

是不是使用JavaScript的替代器开发让你激动,WebAssembly及ASP.NET Core的Blazor等框架就值得投入一些 时间了呢?目前还是WebAssembly及其相关技术的早期阶段,但前承诺的广阔生态系统引起了我的注意。作为Web开发的拥趸,我希望它发展壮大,拓宽应用的写作思路。至少我学了那么多年.NET,现在终于可以用它来更快地做Web开发了,还是很值得炫耀的。不仅如此,我其实也很熟悉JavaScript,而且还在不断学习。作为一个工程师,拥有这些技能就有了解决问题的思路。

WebAssembly让你觉得震撼吗?想不想试试Blazor?还是说你有Ruby或 Python背景,希望在自己的能力范围内使用WebAssembly?请留言。


原文发布时间为:2018-10-20 本文作者:李松峰 本文来自云栖社区合作伙伴“前端大学”,了解相关信息可以关注“前端大学”。


相关文章
|
1月前
|
Rust 前端开发 JavaScript
前端技术的未来:WebAssembly与JavaScript的融合之路
【2月更文挑战第12天】本文旨在探讨WebAssembly(以下简称Wasm)与JavaScript(以下简称JS)的结合如何为前端开发带来革命性变化。传统上,JS一直是前端开发的核心,但随着Wasm的出现,我们看到了前端性能和功能的新天地。文章首先介绍Wasm的基本概念,然后分析其对前端开发的影响,包括性能提升、新功能实现以及开发模式的变化。最后,探讨了Wasm与JS融合的未来趋势,以及这种融合如何推动前端技术的进步。
|
1月前
|
Rust 前端开发 JavaScript
探索前端技术的未来:WebAssembly与JavaScript的融合之路
【2月更文挑战第12天】 随着Web技术的不断进步,前端开发正迎来一场革命性变革。本文将深入探讨WebAssembly(以下简称Wasm)与JavaScript(以下简称JS)的结合如何为前端开发带来前所未有的性能提升与新的编程模式。我们将从两者的基本概念入手,探索它们各自的优势与局限,然后深入分析Wasm和JS协同工作时能够解锁的潜力,最后展望这一技术趋势如何塑造未来的前端开发生态。本文旨在为前端开发者提供洞见,帮助他们理解并准备好迎接这一即将到来的技术浪潮。
|
1月前
|
Rust 前端开发 JavaScript
前端技术的未来演进:WebAssembly与JavaScript的深度融合
【2月更文挑战第11天】 在数字化时代,前端技术的迅速发展不仅推动了用户体验的革新,也促进了Web应用的性能提升。本文将探讨WebAssembly(以下简称Wasm)与JavaScript(以下简称JS)之间的深度融合如何成为前端技术发展的关键转折点。不同于传统的技术文章摘要,我们将通过一种叙事式的预览引导读者进入这一技术领域的探索之旅,揭示Wasm和JS结合后为前端开发带来的无限可能性和挑战。
|
3月前
|
Web App开发 Rust JavaScript
Rust 笔记:WebAssembly 的 JavaScript API
Rust 笔记:WebAssembly 的 JavaScript API
93 0
|
9月前
|
JSON JavaScript 前端开发
如何通过 JavaScript 运行用 Go 编写的 WebAssembly 模块? 下
如何通过 JavaScript 运行用 Go 编写的 WebAssembly 模块?
129 0
|
9月前
|
JSON 编解码 Rust
如何通过 JavaScript 运行用 Go 编写的 WebAssembly 模块? 上
如何通过 JavaScript 运行用 Go 编写的 WebAssembly 模块?
104 0
|
10月前
|
Web App开发 存储 Rust
Node.js 与 WebAssembly
Node.js 与 WebAssembly
|
10月前
|
Web App开发 存储 缓存
WebAssembly 的 JavaScript API
本文介绍 WebAssembly 的 JavaScript API。
121 1
|
JavaScript 前端开发 测试技术
|
开发框架 Rust 前端开发
​2019 年 WebAssembly 盘点:跟 Javascript 的相爱相杀
2019 年 WebAssembly 以超乎我们预料的速度在发展,2020 年可能会是一个 Wasm 应用百花齐放的年份。两年多以来,本文作者 Colin Eberhardt 一直在撰写 WebAssembly 每周新闻 [1]。正值 2019 年底,他也借机分享今年他本人最喜欢的一些文章,对 WebAssembly 在 2019 年的发展做一个回顾。
2180 0
​2019 年 WebAssembly 盘点:跟 Javascript 的相爱相杀