WorkerPool.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. /**
  2. * A simple pool for managing Web Workers.
  3. */
  4. export class WorkerPool {
  5. /**
  6. * Constructs a new Worker pool.
  7. *
  8. * @param {number} [pool=4] - The size of the pool.
  9. */
  10. constructor( pool = 4 ) {
  11. /**
  12. * The size of the pool.
  13. *
  14. * @type {number}
  15. * @default 4
  16. */
  17. this.pool = pool;
  18. /**
  19. * A message queue.
  20. *
  21. * @type {Array<Object>}
  22. */
  23. this.queue = [];
  24. /**
  25. * An array of Workers.
  26. *
  27. * @type {Array<Worker>}
  28. */
  29. this.workers = [];
  30. /**
  31. * An array with resolve functions for messages.
  32. *
  33. * @type {Array<Function>}
  34. */
  35. this.workersResolve = [];
  36. /**
  37. * The current worker status.
  38. *
  39. * @type {number}
  40. */
  41. this.workerStatus = 0;
  42. /**
  43. * A factory function for creating workers.
  44. *
  45. * @type {?Function}
  46. */
  47. this.workerCreator = null;
  48. }
  49. _initWorker( workerId ) {
  50. if ( ! this.workers[ workerId ] ) {
  51. const worker = this.workerCreator();
  52. worker.addEventListener( 'message', this._onMessage.bind( this, workerId ) );
  53. this.workers[ workerId ] = worker;
  54. }
  55. }
  56. _getIdleWorker() {
  57. for ( let i = 0; i < this.pool; i ++ )
  58. if ( ! ( this.workerStatus & ( 1 << i ) ) ) return i;
  59. return - 1;
  60. }
  61. _onMessage( workerId, msg ) {
  62. const resolve = this.workersResolve[ workerId ];
  63. resolve && resolve( msg );
  64. if ( this.queue.length ) {
  65. const { resolve, msg, transfer } = this.queue.shift();
  66. this.workersResolve[ workerId ] = resolve;
  67. this.workers[ workerId ].postMessage( msg, transfer );
  68. } else {
  69. this.workerStatus ^= 1 << workerId;
  70. }
  71. }
  72. /**
  73. * Sets a function that is responsible for creating Workers.
  74. *
  75. * @param {Function} workerCreator - The worker creator function.
  76. */
  77. setWorkerCreator( workerCreator ) {
  78. this.workerCreator = workerCreator;
  79. }
  80. /**
  81. * Sets the Worker limit
  82. *
  83. * @param {number} pool - The size of the pool.
  84. */
  85. setWorkerLimit( pool ) {
  86. this.pool = pool;
  87. }
  88. /**
  89. * Post a message to an idle Worker. If no Worker is available,
  90. * the message is pushed into a message queue for later processing.
  91. *
  92. * @param {Object} msg - The message.
  93. * @param {Array<ArrayBuffer>} transfer - An array with array buffers for data transfer.
  94. * @return {Promise} A Promise that resolves when the message has been processed.
  95. */
  96. postMessage( msg, transfer ) {
  97. return new Promise( ( resolve ) => {
  98. const workerId = this._getIdleWorker();
  99. if ( workerId !== - 1 ) {
  100. this._initWorker( workerId );
  101. this.workerStatus |= 1 << workerId;
  102. this.workersResolve[ workerId ] = resolve;
  103. this.workers[ workerId ].postMessage( msg, transfer );
  104. } else {
  105. this.queue.push( { resolve, msg, transfer } );
  106. }
  107. } );
  108. }
  109. /**
  110. * Terminates all Workers of this pool. Call this method whenever this
  111. * Worker pool is no longer used in your app.
  112. */
  113. dispose() {
  114. this.workers.forEach( ( worker ) => worker.terminate() );
  115. this.workersResolve.length = 0;
  116. this.workers.length = 0;
  117. this.queue.length = 0;
  118. this.workerStatus = 0;
  119. }
  120. }
粤ICP备19079148号