WebAssembly:未来的字节编码技术

发表于 5天以前  | 总阅读数:50 次

本文作者是360奇舞团的前端工程师。 本文为翻译,原文略做修改以符合中文语境。
原文标题:WebAssembly: byte-code of the future 原文作者:Joshua Nussbaum
原文地址:https://dev.to/joshnuss/webassembly-byte-code-of-the-future-402p

自从Netscape推出JavaScript以来,一直有一些开发者喜欢它,而另一些则不喜欢。

如果浏览器支持更多的编程语言那就太好了,不管你站在哪一边,我想我们都一致同意。

这是 WebAssembly 的承诺:提供任何编程语言都可以编译的通用运行时。

过去的尝试

在网络的早期,人们尝试使用 Java Applet 和 Microsoft ActiveX 进行扩展;但两者都受到安全问题的困扰,最终被放弃;问题是它们在没有访问控制的情况下执行,这成为了一个巨大的挑战。

后来Macromedia Flash和Silverlight取得了一些成功,但最终也遭遇了同样的悲惨命运;它们都缺乏开放标准,这使得浏览器和操作系统供应商很难支持。

什么是 WebAssembly?

WebAssembly(又名 WASM)是一种 开放标准[1] 字节代码格式,适用于所有浏览器。它是一种低级二进制格式和执行引擎,概念上类似于 Oracle 的 JVM 或 Microsoft 的 CLR。

它的设计初衷就是为了托管和安全,它无法访问机器的内存或硬盘。只有主机可以决定公开哪些 API。

WASM 是一种可移植格式,因此可以支持多种编程语言,认为 Rust、Ruby、Python 甚至 JavaScript 都可以编译为 WASM 字节代码。

尽管它最初是针对浏览器而设计的,但它在浏览器之外也能很好地工作。

它可以在服务器上、云端、硬件设备上运行,或者使用插件系统。

编写 WASM

创建.wasm文件有多种方式:

  • 手动编写(不建议,因为WebAssembly的字节码是一种低级别的二进制表示形式,编写起来非常复杂和容易出错)
  • 使用 Wasm 文本格式[2] 编写。
  • 使用更高级的语言,如 AssemblyScript、Rust、Ruby 等,然后编译它。

我们通过以下几个例子来看下:

什么是WAT

WAT(Wasm Text Format)是WebAssembly规范提供的一种用于定义WebAssembly模块的文本格式;它使用S表达式(S-expressions)的语法,类似于Lisp或Clojure。

例如,以下是一个简单的WAT示例,表示一个将两个数字相加的WebAssembly函数:

; define a module
(module
  ; define a function called "add"
  ; it takes 2 params:
  ; - $a is a 32-bit integer
  ; - $b is a 32-bit integer
  ; it returns an 32-bit integer
  (fun add (param $a i32) (param $b i32) (result $i32)
    ; load param $a onto the stack
    local.get $a

    ; load param $b onto the stack
    local.get $b

    ; perform 32-bit integer "add" operation
    i32.add

    ; the last value on the stack is returned
    ; which is the result of the `i32.add`
  )
)

使用 wat2wasm WebAssembly Toolkit CLI 工具[3] 编译.wat文件

# outputs example.wasm
> wat2wasm example.wat

编译产出 example.wasm 可以在任何主机执行,使用 wasmtime 命令行工具来执行

# invoke "add" function, and pass args 1,2
> wasmtime example.wasm --invoke add 1 2
3

AssemblyScript

还有一种称为 AssemblyScript[4] 的高级语言;它就像是WebAssembly 的 TypeScript。

如果我们用 AssemblyScript 重写上面例子中的add()函数,它将如下所示:

// in add.ts
export function add(a: u32, b: u32): u32 {
  return a + b;
}

这样对比来看,更具有可读性,对前端开发来讲更友好;

然后使用AssemblyScript 的编译器asc 来编译:

pnpm install -D assemblyscript
pnpm run asc add.ts --outFile=math.wasm

格式对比

为了比较 AssemblyScript 和 WAT 格式,我创建了一个小工具:

https://assemblyscript-play.vercel.app

您还可以使用 CLI 工具 wasm2wat 来比较这两种格式:

# outputs .wat format
wasm2wat math.wasm

运行时执行

就像编译 wasm 的方式有很多种一样,执行它的方法也有很多种。

在浏览器中使用WebAssembly

要在浏览器中使用WebAssembly API,首先加载WebAssembly模块:

// fetch .wasm file
const response = fetch('/path/to/some.wasm')

// instantiate module with streaming
const module = WebAssembly.instantiateStreaming(response)

然后,调用导出的add的函数:

const result = module.instance.exports.add(1, 2)

还可以向模块传递其他方法,例如可以共享 console.log 方法:

// fetch .wasm file
const response = fetch('/path/to/some.wasm')

// instantiate module and pass an api
const module = WebAssembly.instantiateStreaming(response, {
  imports: {
    // share console.log
    log: console.log
  }

})

在服务器上使用 WebAssembly

WebAssembly也可以在服务器上执行,使用的方法与在浏览器中的几乎相同。

唯一不同的是,不使用URL从服务器获取.wasm文件,而是使用 fs.readFile() 从磁盘上读取它:

import fs from 'fs'

// read .wasm file
const bytes = await fs.promises.readFile('/path/to/some.wasm')

// instantiate the module
const module = WebAssembly.instantiate(bytes)

然后,调用 add 函数:

const result = module.instance.exports.add(1, 2)

还可以从许多其他编程语言中执行此操作,例如 **rust[5]ruby[6]**、 python[7] 或来自 CLI[8]

在云端使用 WebAssembly

WebAssembly在云端也有一些重要的应用场景。

与JavaScript云函数相比,它具备一些明显的优势:

  1. 无冷启动:主机只需加载一个.wasm文件,而不是整个应用程序;典型的JavaScript应用包含许多需要加载的文件,这会耗费较长的时间。
  2. 更快的部署:需要上传的仅仅是一个简单的二进制文件。
  3. 多语言托管:所有可以编译为WebAssembly的编程语言都可以在云中部署,无需特殊的运行时环境。
  4. 快照:执行状态可以进行快照;例如,一个在初始化期间执行大量计算的应用程序可以创建快照。随后的请求可以从快照状态开始,从而避免浪费大量的启动时间。

注意事项

关于WebAssembly,仍然存在一些问题:

  1. WebAssembly仍然相对较新,并且正在积极开发中,尽管它正在不停的迭代中,但仍存在一些尚未完善的方面。
  2. 尚未为某些编程语言提供完整的支持。
  3. WebAssembly没有像字符串或标准库等基本数据类型,这是故意设计的,各编程语言需要自行提供其标准库。
  4. 由于“标准库”需要包含在.wasm文件中,这可能会导致文件变得较大。

我相信,这些大多数问题会随着时间的推移将得到解决。

未来前景

在过去几年中,WebAssembly取得了许多进展。

最终,几乎所有编程语言都将具备编译到WebAssembly的能力,并提供适用于托管WebAssembly的运行时环境(如果尚未提供的话);这将使所有编程语言都能够在浏览器、服务器甚至硬件上运行。

这也可能催生出专为适应WebAssembly主导的编程环境而设计的新型编程语言。

参考资料

  1. 开放标准 https://www.w3.org/groups/wg/wasm
  2. Wasm 文本格式 https://webassembly.github.io/spec/core/text/index.html
  3. WebAssembly Toolkit CLI 工具 https://github.com/WebAssembly/wabt
  4. AssemblyScript https://www.assemblyscript.org/
  5. rust https://docs.rs/wasmer/latest/wasmer
  6. ruby https://github.com/wasmerio/wasmer-ruby
  7. python https://github.com/wasmerio/wasmer-python
  8. CLI https://wasmtime.dev/
 相关推荐

丽珠集团回应“涉及违规支出公关费用” :内部正在调查,费用占比是行业正常水平

8月7日消息,针对股价大跌和网传“涉及违规支出公关费用”的相关消息,丽珠集团公司认为今日的大跌属于近期医药行业反腐风暴逐渐加强,投资者情绪变化所致。

发布于:1月以前  |  262次阅读  |  详细内容 »

美国芯片巨头英特尔与中方合作!将在深圳新建芯片创新中心

据香港《南华早报》7月31日报道,英特尔与深圳合作,建立新的芯片创新中心以加深关系。

发布于:1月以前  |  233次阅读  |  详细内容 »

工信部要求开展 App 备案,微信小程序完成备案后才可上架

近日,工业和信息化部印发了《工业和信息化部关于开展移动互联网应用程序备案工作的通知》。

发布于:1月以前  |  213次阅读  |  详细内容 »

微信要做“小绿书”?知情人士:小范围内测,优化视频号图文发布及呈现

据网友爆料,微信正在灰度测试“小绿书”。从知情人士处了解到,这是一次非常小范围的内测,不是新功能,初衷就是为了更方便视频号创作者发布图文短内容,以及提高用户获得信息的效率。据知情人士介绍,视频号本身就可以发图片,这次内测只是把发布图片单独设计了一个按钮,在“看一看”那里可以集中查看而已。

发布于:1月以前  |  212次阅读  |  详细内容 »

X、马斯克寻求驳回有关前推特员工遣散费的诉讼

8月2日消息,社交媒体公司 X Corp周一向特拉华州威尔明顿联邦法院提交的一份文件中称,今年5月起诉该公司的六名前员工并非推特与马斯克旗下控股公司于2022年达成的合并协议的当事方,因此他们不能以涉嫌违反该协议为由起诉他们。

发布于:1月以前  |  210次阅读  |  详细内容 »

家乐福被裁员工曝未拿到补偿金,此前通知补偿金打6折一次性发和全款分12期之间二选一

据报道,近期,不少前家乐福员工爆料称,此前陆续接到裁员通知,给出的方案基本都是N的补偿费,但不少人却迟迟未拿到款项。据悉,被裁员工的工龄有长短,陆续都是在数月内被裁,补偿金在打6折一次性拿和全款分12期之间二选一。

发布于:1月以前  |  205次阅读  |  详细内容 »

OpenAI已注册GPT5商标

8月1日消息,OpenAI 今年 3 月推出了 GPT-4,成为“AI 模型”的代名词,甚至一度引发了业界恐慌,此前报道,以马斯克为首的科技圈人物要求“OpenAI 暂时停止研究 GPT-5 研发”。

发布于:1月以前  |  202次阅读  |  详细内容 »

特斯拉收购德国无线充电技术公司,未来或将投放相关产品

6月份关于特斯拉的一则收购传闻近日得到证实。当地时间7月31日,特斯拉确认已完成对德国无线充电技术公司Wiferion的计划收购,同时该公司更名为Tesla Engineering Germany GmbH。

发布于:1月以前  |  196次阅读  |  详细内容 »

全球勒索软件攻击创历史新高,美国是全球勒索软件攻击首要目标

Malwarebytes 的报告显示,全球勒索软件攻击呈现上升趋势。

发布于:1月以前  |  194次阅读  |  详细内容 »

美交管局对特斯拉部分车型展开调查,特斯拉部分车型被曝转向失灵

据报道,美国国家公路交通安全管理局8月1日表示,已对28万辆特斯拉Model 3和Model Y电动汽车展开调查,原因是这些车辆被曝存在转向失灵的情况。

发布于:1月以前  |  193次阅读  |  详细内容 »

时隔两年再战社交,腾讯内测「M8」APP

腾讯内部正在研发一款名为“M8”的社交APP,由QQ团队打造,定位是基于地图的虚拟社交产品,主攻年轻人社交赛道。据消息人士透露,产品或于8月份对外开启测试。

发布于:1月以前  |  189次阅读  |  详细内容 »

听歌时被银行AI骚扰电话打断,他起诉“索赔”110万元!

“在此事发生的过程中,本人正通过歌曲进行能力的激发,歌曲被打断,非但原有的效果并未达到,更让我承受了巨大的心理压力。”近日,一份题为“精神损害赔偿起诉状”的文字在社交平台上引发关注。市民辛先生在起诉状中表示,除了请法院判处被告向原告赔偿精神损失费10万元以外,还要求附带赔偿大卫·鲍伊演出名誉损失费100...

发布于:1月以前  |  187次阅读  |  详细内容 »

外媒:印度要求特斯拉效仿苹果,让其中国供应商与印企合资后再落地

据外媒8月1日报道,三位印度政府消息人士称,在特斯拉研究在印建厂之际,印度官员要求特斯拉效仿苹果公司,寻找印度当地公司与中国供应商合作。

发布于:1月以前  |  186次阅读  |  详细内容 »

世界首例自动驾驶致命车祸司机认罪:判处三年缓刑

8月1日消息,据报道,世界首起涉及自动驾驶汽车的致命碰撞事故日前进行了最终宣判,Uber自动驾驶汽车的安全员认罪并被判处三年缓刑。

发布于:1月以前  |  182次阅读  |  详细内容 »

全新声学攻击AI模型:从键盘敲击声窃取数据,准确率高达95%

近日,来自英国大学的一个研究团队训练了一种深度学习模型,该模型可以从使用麦克风记录的键盘敲击声音中,窃取数据,准确率高达95%。据称,此类攻击会严重影响目标的数据安全,它可能会将人们的密码、讨论、消息或其他敏感信息泄露给恶意第三方。

发布于:1月以前  |  180次阅读  |  详细内容 »

推特在苹果商店更名为X,X公司获得苹果首家单字符批准

7月31日,Twitter 应用在苹果 App Store 已经更名为 X,这意味着该公司可能获得了苹果的特批,因为此前 App Store 明确规定应用名称至少需要两个字母。

发布于:1月以前  |  180次阅读  |  详细内容 »

已拿下两家订单,零跑造车八年后开始技术输出

在7月31日举办的零跑汽车全新电子电气架构发布会上,零跑科技创始人、董事长、CEO 朱江明向现场媒体表示:" 零跑不仅要做一家汽车公司,还要做一家技术输出的公司。

发布于:1月以前  |  178次阅读  |  详细内容 »

小鹏汽车宣布严打占桩:超时占位每分钟收费1元

8日消息,小鹏汽车在其官方 App 上发布公告,指出公司将严打充电桩 “ 霸位 ” 行为。公告表示,近期发现一些车辆在充电站占桩不充电,或插枪不充电,浪费了宝贵的充电桩资源。为了解决这个问题,小鹏汽车已经加强了场站管理,全方位布局监控,检测场站情况,并增加了巡检次数。

发布于:1月以前  |  174次阅读  |  详细内容 »

蚂蚁集团以 6.28 亿美元出售印度“支付宝” Paytm 10.3% 股份,不再是其最大股东

8月7日消息,据外媒报道,蚂蚁集团旗下的一家子公司将出售印度最大的支付平台 Paytm10.3% 的股份,而 Paytm 的创始人兼 CEO Vijay Shekhar Sharma 将增持该股份,以简化该公司的所有权结构。消息公布后,Paytm 股价一度上涨 11.4%,今年以来该公司股价已经上涨了超过 50%。

发布于:1月以前  |  171次阅读  |  详细内容 »

周鸿祎:希望超级人工智能出来之后,先解决常温超导等问题而不是娱乐

8月8日消息,近日,周鸿祎在社交平台发文谈温室超导问题。他表示,最近室温超导比较火,室温超导技术的实现将对能源、电子、医疗、交通、AI等领域产生深远的影响。

发布于:1月以前  |  170次阅读  |  详细内容 »
 相关文章
 目录