100%原生的JavaScript多线程和并行执行库：Hamsters.js

介绍

Hamsters是一个能让JavaScript代码并行执行的原生库，它可以让你面向高性能的JavaScript编程，它是一个开源项目，Github上标星4k+。它的目的就是让你更加容易的利用多线程的强大功能来并行编程实现性能的提升！

成都创新互联是一家集网站建设,盈江企业网站建设,盈江品牌网站建设,网站定制,盈江网站建设报价,网络营销,网络优化,盈江网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

Github

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

特性

  • 多功能，通过跨多个线程来最大限度地提高性能。
  • 自动数据聚合，自动将问题分解成较小的部分，并与单个输出并行执行。
  • 自动分类，按字母顺序或数字自动排序输出。
  • LEGACY 支持。
  • 备忘，计算一次后不再浪费 cpu 周期做同样的工作
  • 开放源代码，100％开源代码库，根据Artistic License 2.0发布

支持的环境

  • 所有主流浏览器、IE9 +
  • 现有 Web workers
  • Javascript shell 环境
  • React Native
  • Node.js

如何使用？

安装使用

  
 
 
    
   
  
  
  1. bower install WebHamsters
    2. 
   
  
  
  2. //OR
    3. 
   
  
  
  3. npm install hamsters.js
    4.
  • 1、普通HTMl项目中使用
  
 
 
    
   
  
  
    2. 
   
  
  
  2.  
    3. 
   
  
  
  3.  
    4. 
   
  
  
  4.  
    5.
  • 2、React Native
  
 
 
    
   
  
  
  1. import hamsters from 'path/to/hamsters';
    2. 
   
  
  
  2.  import Worker from '...';
    3. 
   
  
  
  3.  import hamsters from 'hamsters.js';
    4. 
   
  
  
  4.  hamsters.init({
    5. 
   
  
  
  5.  Worker: Worker
    6. 
   
  
  
  6.  });
    7.
  • 3、Nodejs
  
 
 
    
   
  
  
  1. var hamsters = require('hamsters.js');
    2. 
  
 
 
  
 
 
    
   
  
  
  1. var Worker = require('...').Worker;
    2. 
   
  
  
  2.  var hamsters = require('hamsters.js');
    3. 
   
  
  
  3.  hamsters.init({
    4. 
   
  
  
  4.  Worker: Worker
    5. 
   
  
  
  5.  });
    6.
  • 4、入门使用

第一个要理解的是Hamsters.js是一个传递interfafce的消息，因此在使用库调用函数时，我们需要通过将params对象（消息）传递给库来指示库如何操作。

  
 
 
    
   
  
  
  1. var params = {
    2. 
   
  
  
  2.  bar: 'foo'
    3. 
   
  
  
  3.  };
    4. 
   
  
  
  4.  hamsters.run(params, ....);
    5.

我们将使用的下一个参数将是我们想要在一个线程或线程中执行的逻辑，我们之前传递的params对象将在我们的函数的上下文中可访问。现在应该能够看到如何确保可以在线程中访问变量和函数等不同的东西。

  
 
 
    
   
  
  
  1. hamsters.run(params, function() {
    2. 
   
  
  
  2. var foo = params.bar;
    3. 
   
  
  
  3. }); 
    4.

第三个也是最后一个参数将是我们的onSuccess回调方法，此函数所需的唯一参数是输出。

  
 
 
    
   
  
  
  1. hamsters.run(params, function() {
    2. 
   
  
  
  2.  var foo = params.bar;
    3. 
   
  
  
  3.  }, function(results) {
    4. 
   
  
  
  4.  console.log(results);
    5. 
   
  
  
  5.  });
    6.

回到原始的params对象，为了从库中获得最佳性能和可靠性，需遵循一些约定。Hamsters.js的构建目标是并行而不是并发，尽管库很好地实现了并行执行的主要目标。由于这样做的各种设计决策是为了帮助实现这一目标，其中一个决定是库如何在线程之间分割数据以便执行，因此您希望在多个线程中访问的任何数组必须在您的参数内具有数组索引宾语。

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

使用此约定，通过简单地更改params对象中的一个选项，可以非常简单地并行化上述方法。现在使用下面的方法，4个线程将完成相同的任务，每个线程仅在数组的一个数字上运行。

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

更进一步，库使用一个名为rtn的内部返回对象，这个rtn对象对于库具有一致的方式来处理线程输出是至关重要的。因此，当我们想要从线程返回一个值时，我们需要将结果推送到rtn.data数组中。或者你可以让你的rtn.data输出，但只有当你的输出已经是一个数组。

  
 
 
    
   
  
  
  1. hamsters.run(params, function() {
    2. 
   
  
  
  2.  rtn.data.push(params.bar);
    3. 
   
  
  
  3.  }, function(results) {
    4. 
   
  
  
  4.  console.log(results); // 'foo';
    5. 
   
  
  
  5.  });
    6.

通过以上代码来看下它传递的参数：

  
 
 
    
   
  
  
  1. var params = {
    2. 
   
  
  
  2.  threads: Integer,
    3. 
   
  
  
  3.  aggregate: Boolean,
    4. 
   
  
  
  4.  dataType: String,
    5. 
   
  
  
  5.  memoize: Boolean
    6. 
   
  
  
  6.  sort: String,
    7. 
   
  
  
  7.  };
    8.

1、threads这个可选参数将告诉库执行先前声明的函数的线程数，这允许在非常简单的级别上更改您执行的线程数。如果您在此处未提供值，则库默认值为1。

2、aggregate此可选参数将告诉库我们是否要在执行后将各个线程输出聚合在一起，这仅在您跨多个线程执行并且默认为相关时才相关false。

3、dataType此可选参数将通知库我们的数据数组是JavaScript的类型化数组之一，在使用此参数时，库将自动格式化输出以匹配指定的输出dataType。

4、memoize此可选参数旨在与memoization模式结合使用，当启用memoization模式时，此参数允许用户控制单个函数级别是否缓存该函数的结果，其默认值为false。

5、sort此可选参数将告诉库按字母顺序或数字顺序自动对最终输出进行排序，此参数的默认值为，null并且可以使用排序选项进行配置。

params对象中包含的任何其他内容都可以在线程的执行上下文或多个线程中访问，具体取决于您使用库的方式。

除了以上基本使用方式，你可以查看官方的相关文档，有详细的介绍和使用方式，如Promise、排序、memoization、可转移对象、persistence、线程池、限制、设备等

总结

多线程和并行编程在Javascript中本身不是一件容易的事情，但是可借助第三方原生库来弥补它，能让你更加方便的进行多线程的编程，笔者可能并未介绍的非常清楚，如果你有这方面的需求，可以去查案Hamsters.js的相关文档来体验这种编程，希望对你有所帮助!

网页标题：100%原生的JavaScript多线程和并行执行库：Hamsters.js
标题网址：http://www.36103.cn/qtweb/news44/36844.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

网站设计公司知识

同城分类信息

网站推广　　 　成都二枢机房　　 　网站优化排名　　 　绵阳电信机房　　 　营销型网站建设　　 　教育网站设计方案　　 　品牌官网设计　　 　网站营销　　 　成都光华机房　　 　成都木托盘　　 　成都网站建设　　 　成都网站设计公司　　 　网站制作价格　　 　云服务器　　 　四川广汉锦华　　 　子晨包装　　 　南充网站建设　　 　江油网站建设　　 　外贸营销网站建设　　 　四川雅安服务器托管