介紹

Hamsters是一個(gè)能讓JavaScript代碼并行執(zhí)行的原生庫(kù)，它可以讓你面向高性能的JavaScript編程，它是一個(gè)開(kāi)源項(xiàng)目，Github上標(biāo)星4k+。它的目的就是讓你更加容易的利用多線程的強(qiáng)大功能來(lái)并行編程實(shí)現(xiàn)性能的提升！

Github

https://github.com/austinksmith/Hamsters.js

特性

• 多功能，通過(guò)跨多個(gè)線程來(lái)最大限度地提高性能。

• 自動(dòng)數(shù)據(jù)聚合，自動(dòng)將問(wèn)題分解成較小的部分，并與單個(gè)輸出并行執(zhí)行。

• 自動(dòng)分類，按字母順序或數(shù)字自動(dòng)排序輸出。

• LEGACY 支持。

• 備忘，計(jì)算一次后不再浪費(fèi) cpu 周期做同樣的工作

• 開(kāi)放源代碼，100％開(kāi)源代碼庫(kù)，根據(jù)Artistic License 2.0發(fā)布

支持的環(huán)境

• 所有主流瀏覽器、IE9 +

• 現(xiàn)有 Web workers

• Javascript shell 環(huán)境

• React Native

• Node.js

如何使用？

安裝使用

bower install WebHamsters 
//OR 
npm install hamsters.js 

• 1、普通HTMl項(xiàng)目中使用 

<!-- HTML4 and (x)HTML --> 
 <script type="text/javascript" src="path/to/hamsters.js"> 
 <!-- HTML5 --> 
 <script src="path/to/hamsters.js"></script> 

• 2、React Native

import hamsters from 'path/to/hamsters'; 
 import Worker from '...'; 
 import hamsters from 'hamsters.js'; 
 hamsters.init({ 
 Worker: Worker 
 }); 

• 3、Nodejs

var hamsters = require('hamsters.js'); 

var Worker = require('...').Worker; 
 var hamsters = require('hamsters.js'); 
 hamsters.init({ 
 Worker: Worker 
 }); 

• 4、入門使用

第一個(gè)要理解的是Hamsters.js是一個(gè)傳遞interfafce的消息，因此在使用庫(kù)調(diào)用函數(shù)時(shí)，我們需要通過(guò)將params對(duì)象（消息）傳遞給庫(kù)來(lái)指示庫(kù)如何操作。

var params = { 
 bar: 'foo' 
 }; 
 hamsters.run(params, ....); 

我們將使用的下一個(gè)參數(shù)將是我們想要在一個(gè)線程或線程中執(zhí)行的邏輯，我們之前傳遞的params對(duì)象將在我們的函數(shù)的上下文中可訪問(wèn)。現(xiàn)在應(yīng)該能夠看到如何確保可以在線程中訪問(wèn)變量和函數(shù)等不同的東西。

hamsters.run(params, function() { 
var foo = params.bar; 
});  

第三個(gè)也是最后一個(gè)參數(shù)將是我們的onSuccess回調(diào)方法，此函數(shù)所需的唯一參數(shù)是輸出。

hamsters.run(params, function() { 
 var foo = params.bar; 
 }, function(results) { 
 console.log(results); 
 }); 

回到原始的params對(duì)象，為了從庫(kù)中獲得最佳性能和可靠性，需遵循一些約定。Hamsters.js的構(gòu)建目標(biāo)是并行而不是并發(fā)，盡管庫(kù)很好地實(shí)現(xiàn)了并行執(zhí)行的主要目標(biāo)。由于這樣做的各種設(shè)計(jì)決策是為了幫助實(shí)現(xiàn)這一目標(biāo)，其中一個(gè)決定是庫(kù)如何在線程之間分割數(shù)據(jù)以便執(zhí)行，因此您希望在多個(gè)線程中訪問(wèn)的任何數(shù)組必須在您的參數(shù)內(nèi)具有數(shù)組索引賓語(yǔ)。

var params = { 
 array: [1, 2, 3, 4]; 
 }; 
 hamsters.run(params, function() { 
 for(var i = 0; i < params.array; i++) { 
 rtn.data.push(params.array[i] * 4); 
 } 
 }, function(results) { 
 }); 

使用此約定，通過(guò)簡(jiǎn)單地更改params對(duì)象中的一個(gè)選項(xiàng)，可以非常簡(jiǎn)單地并行化上述方法。現(xiàn)在使用下面的方法，4個(gè)線程將完成相同的任務(wù)，每個(gè)線程僅在數(shù)組的一個(gè)數(shù)字上運(yùn)行。

var params = { 
 array: [1, 2, 3, 4]; 
 threads: 4 
 }; 
 hamsters.run(params, function() { 
 for(var i = 0; i < params.array; i++) { 
 rtn.data.push(params.array[i] * 4); 
 } 
 }, function(results) { 
 }); 

更進(jìn)一步，庫(kù)使用一個(gè)名為rtn的內(nèi)部返回對(duì)象，這個(gè)rtn對(duì)象對(duì)于庫(kù)具有一致的方式來(lái)處理線程輸出是至關(guān)重要的。因此，當(dāng)我們想要從線程返回一個(gè)值時(shí)，我們需要將結(jié)果推送到rtn.data數(shù)組中。或者你可以讓你的rtn.data輸出，但只有當(dāng)你的輸出已經(jīng)是一個(gè)數(shù)組。

hamsters.run(params, function() { 
 rtn.data.push(params.bar); 
 }, function(results) { 
 console.log(results); // 'foo'; 
 }); 

通過(guò)以上代碼來(lái)看下它傳遞的參數(shù)：

var params = { 
 threads: Integer, 
 aggregate: Boolean, 
 dataType: String, 
 memoize: Boolean 
 sort: String, 
 }; 

1、threads這個(gè)可選參數(shù)將告訴庫(kù)執(zhí)行先前聲明的函數(shù)的線程數(shù)，這允許在非常簡(jiǎn)單的級(jí)別上更改您執(zhí)行的線程數(shù)。如果您在此處未提供值，則庫(kù)默認(rèn)值為1。

2、aggregate此可選參數(shù)將告訴庫(kù)我們是否要在執(zhí)行后將各個(gè)線程輸出聚合在一起，這僅在您跨多個(gè)線程執(zhí)行并且默認(rèn)為相關(guān)時(shí)才相關(guān)false。

3、dataType此可選參數(shù)將通知庫(kù)我們的數(shù)據(jù)數(shù)組是JavaScript的類型化數(shù)組之一，在使用此參數(shù)時(shí)，庫(kù)將自動(dòng)格式化輸出以匹配指定的輸出dataType。

4、memoize此可選參數(shù)旨在與memoization模式結(jié)合使用，當(dāng)啟用memoization模式時(shí)，此參數(shù)允許用戶控制單個(gè)函數(shù)級(jí)別是否緩存該函數(shù)的結(jié)果，其默認(rèn)值為false。

5、sort此可選參數(shù)將告訴庫(kù)按字母順序或數(shù)字順序自動(dòng)對(duì)最終輸出進(jìn)行排序，此參數(shù)的默認(rèn)值為，null并且可以使用排序選項(xiàng)進(jìn)行配置。

params對(duì)象中包含的任何其他內(nèi)容都可以在線程的執(zhí)行上下文或多個(gè)線程中訪問(wèn)，具體取決于您使用庫(kù)的方式。

除了以上基本使用方式，你可以查看官方的相關(guān)文檔，有詳細(xì)的介紹和使用方式，如Promise、排序、memoization、可轉(zhuǎn)移對(duì)象、persistence、線程池、限制、設(shè)備等

總結(jié)

多線程和并行編程在Javascript中本身不是一件容易的事情，但是可借助第三方原生庫(kù)來(lái)彌補(bǔ)它，能讓你更加方便的進(jìn)行多線程的編程，筆者可能并未介紹的非常清楚，如果你有這方面的需求，可以去查案Hamsters.js的相關(guān)文檔來(lái)體驗(yàn)這種編程，希望對(duì)你有所幫助!