Rust是一種從Mozilla Research誕生的系統編程語言,已成為科技巨頭的最愛。 亞馬遜和微軟作為其基礎設施的C/C替代方案提供了支持,而Figma和Discord等公司則利用其在客戶端應用程序中的力量。該教程探討了Rust的功能,與Web瀏覽器的集成以及其閃耀的場景。我們將其與JavaScript進行比較,指導您瀏覽瀏覽器設置,並分析生鏽的Web應用程序的性能。
鍵突出顯示:
async/await
本教程提供了使用貨物,rustc
> WebAssembly(WASM)啟用Rust在瀏覽器中的高性能,使其非常適合CPU密集型Web應用程序。 wasm-pack
>
wasm-bindgen
>
相似之處:>
>兩種語言都具有現代軟件包管理:用於RUST的JavaScript和貨物的NPM(使用)。 項目創建(
)和執行()遵循熟悉的模式。 此外,儘管語法略有不同,但許多高級功能都會鏡像。 例如,使用封閉的數組迭代:
> javaScript:>
Cargo.toml
package.json
cargo init
RUST:cargo run
對象破壞還可以找到其平行:
let staff = [ {name: "George", money: 0}, {name: "Lea", money: 500000}, ]; let salary = 1000; staff.forEach( (employee) => { employee.money += salary; } );
>
RUST:let salary = 1000; staff.iter_mut().for_each( |employee| { employee.money += salary; } );
(請注意Rust中的顯式類型)。 其他共享功能包括,簡單的數組創建(
),模塊化代碼組織和Unicode字符串字面支持。let point = { x: 5, y: 10 }; let {x,y} = point;
差異:
>Rust的編譯性質(使用rustc
)與JavaScript的解釋執行形成對比,通常會導致出色的性能。 貨物處理編譯,而WebPack將此過程與NPM的run build
命令集成在一起。
> Rust的圖案匹配(
)提供了更優雅的替代品,可替代延長鏈:match
if-else if
> javaScript(if-else if):
>
銹(匹配):let staff = [ {name: "George", money: 0}, {name: "Lea", money: 500000}, ]; let salary = 1000; staff.forEach( (employee) => { employee.money += salary; } );
但是,Rust的嚴格類型系統最初可能會感到麻煩。 這種嚴格的方法雖然要求提高代碼的可靠性。 >
開始使用Rustlet salary = 1000; staff.iter_mut().for_each( |employee| { employee.money += salary; } );
入門
>讓我們構建一個“你好,世界!”在RUST中應用於瀏覽器。工具:
>安裝貨物和使用。用
>和rustc
installrustup
(使用cargo --version
驗證)。 rustup --version
>
wasm-pack
wasm-pack --version
>生鏽代碼(> cargo.toml: lib.rs
添加以下內容:
let point = { x: 5, y: 10 }; let {x,y} = point;
>章節中:
。 [dependencies]
編譯
let point = Point { x: 5, y: 10 }; let Point { x, y } = point;
):[lib]
if ( x == 1) { // ... } else if ( x == 2 ) { // ... } else if ( x == 3 || x == 4 ) { // ... } // ...
)。 運行wasm-pack build
應編譯並啟動開發服務器。 打開瀏覽器的開發人員控制台,查看“你好,世界!”。
(其餘的響應將繼續解釋輸入的其餘部分,包括Corona感染模擬器示例,基準結果,結論,進一步的資源和FAQ,維持相同的結構和圖像放置。) index.js
以上是Rust Tutorial:JavaScript Devs Rust簡介的詳細內容。更多資訊請關注PHP中文網其他相關文章!