{"id":319242,"date":"2021-03-09T09:01:11","date_gmt":"2021-03-09T09:01:11","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=319242"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=319242","title":{"rendered":"\u0420\u0430\u0437\u0433\u043e\u043d\u044f\u0435\u043c JS-\u043f\u0430\u0440\u0441\u0435\u0440 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e WebAssembly (\u0447\u0430\u0441\u0442\u044c 1: \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438)"},"content":{"rendered":"\n
\n

\u0412 \u043f\u0440\u043e\u0448\u043b\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435<\/a>, \u043f\u043e\u0441\u0432\u044f\u0449\u0435\u043d\u043d\u043e\u0439 \u0432\u044b\u044f\u0441\u043d\u0435\u043d\u0438\u044e \u043f\u043e\u0431\u0435\u0434\u0438\u0442\u0435\u043b\u044f \u0432 \u0441\u043e\u0441\u0442\u044f\u0437\u0430\u043d\u0438\u0438 JS-\u043f\u0430\u0440\u0441\u0435\u0440\u043e\u0432 \u0441\u0442\u0440\u043e\u043a\u0438 buffers-\u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430<\/a> \u0443\u0437\u043b\u0430 \u043f\u043b\u0430\u043d\u0430 PostgreSQL, \u043c\u044b \u0434\u043e\u0448\u043b\u0438 \u0434\u043e \u0444\u0430\u043a\u0442\u0430, \u0447\u0442\u043e \u0441\u0430\u043c\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 — \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0430\u0432\u0442\u043e\u043c\u0430\u0442<\/strong> \u0438 \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u0442\u0440\u043e\u0433\u0430\u0442\u044c \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u044e\u0431\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u043d\u0430\u0434 \u0441\u0442\u0440\u043e\u043a\u0430\u043c\u0438 \u0441\u043b\u043e\u0436\u043d\u0435\u0435 .charCodeAt<\/code>, \u0435\u0441\u043b\u0438 \u0438\u0437 \u0441\u0442\u0440\u043e\u043a\u0438 \u0432\u0438\u0434\u0430 'Buffers: shared hit=123 read=456, local hit=789'<\/code> \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u0435\u0435<\/strong> \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c JSON \u0444\u043e\u0440\u043c\u0430\u0442\u0430:<\/p>\n

{   \"shared-hit\"  : 123 , \"shared-read\" : 456 , \"local-hit\"   : 789 }<\/code><\/pre>\n
\u0422\u0430\u043a\u043e\u0439 \u043a\u043e\u0434 \u043d\u0430 \u0442\u0435\u0441\u0442\u043e\u0432\u043e\u043c \u043d\u043e\u0440\u043c\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u043e\u043c \u043d\u0430\u0431\u043e\u0440\u0435<\/a> \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0432\u0440\u0435\u043c\u044f \u043f\u043e\u0440\u044f\u0434\u043a\u0430 48ms<\/strong> \u043d\u0430 6.3MB \u0438\u043b\u0438 \u043e\u043a\u043e\u043b\u043e 130MB\/s, \u0447\u0442\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0432 11 \u0440\u0430\u0437 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u043d\u0430\u0438\u0432\u043d\u043e\u0433\u043e \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430 \u0441\u043e .split<\/code>.<\/p>\n
\nHardcore State Machine<\/summary>\n
\n
const buffersKeys = ['shared-hit', 'shared-read', 'shared-dirtied', 'shared-written', 'local-hit', 'local-read', 'local-dirtied', 'local-written', 'temp-hit', 'temp-read', 'temp-dirtied', 'temp-written'];  const parseBuffers = line => {   let rv = {};    let state;   let key;    _word: for (let off = 9 \/*'Buffers: '*\/, ln = line.length; off < ln; ) {     switch (line.charCodeAt(off)) {       case 0x73: \/\/ s = shared         state = 0;         off += 7;         continue _word;       case 0x6c: \/\/ l = local         state = 4;         off += 6;         continue _word;       case 0x74: \/\/ t = temp         state = 8;         off += 5;         continue _word;        case 0x68: \/\/ h = hit         key = state;         off += 4;         break;       case 0x72: \/\/ r = read         key = state + 1;         off += 5;         break;       case 0x64: \/\/ d = dirtied         key = state + 2;         off += 8;         break;       case 0x77: \/\/ w = written         key = state + 3;         off += 8;         break;     }      let val = 0;     _digit: for (; off < ln; off++) {       let ch = line.charCodeAt(off);       switch (ch) {         case 0x20: \/\/ ' '           off++;           break _digit;         case 0x2c: \/\/ ','           off += 2;           break _digit;         default:           val = val * 10 + ch - 0x30; \/\/ '0'       }     }      rv[buffersKeys[key]] = val;   }   return rv; }; <\/code><\/pre>\n<\/div>\n<\/details>\n
\u041d\u043e \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u0432\u043e\u043f\u0440\u043e\u0441: «\u0410 \u0435\u0449\u0435 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 — \u043c\u043e\u0436\u043d\u043e?»<\/p>\n
<\/figcaption><\/figure>\n
\u0427\u0442\u043e\u0431\u044b \u043f\u0440\u0438\u0431\u043b\u0438\u0437\u0438\u0442\u044c\u0441\u044f \u043a \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c «\u0436\u0435\u043b\u0435\u0437\u0430», \u043d\u043e \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043e\u0441\u0442\u0430\u0442\u044c\u0441\u044f \u0432 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 JavaScript, \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u043c\u044b \u043d\u0430\u0443\u0447\u0438\u043c\u0441\u044f \u0440\u0435\u0448\u0430\u0442\u044c \u044d\u0442\u0443 \u0437\u0430\u0434\u0430\u0447\u0443 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c WebAssembly<\/a>, \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u0432\u0448\u0438\u0441\u044c \u043f\u043e \u043f\u0443\u0442\u0438 \u0441\u043f\u043e\u0442\u043a\u043d\u0443\u0442\u044c\u0441\u044f \u043e\u0431\u043e \u0432\u0441\u0435 \u043f\u043e\u0434\u0432\u043e\u0434\u043d\u044b\u0435 \u043a\u0430\u043c\u043d\u0438.<\/p>\n
\u0413\u043e\u0442\u043e\u0432\u0438\u043c \u0442\u0440\u0430\u043c\u043f\u043b\u0438\u043d<\/h2>\n
\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0438\u0437 \u043a\u043e\u0434\u0430 HSM-\u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0443\u0436\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u0447\u0442\u043e \u0445\u0430\u0440\u0434\u043a\u043e\u0440 \u043c\u044b \u043b\u044e\u0431\u0438\u043c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u043c \u0432 \u0442\u043e\u043c \u0436\u0435 \u0434\u0443\u0445\u0435 — \u0438 \u043f\u0438\u0441\u0430\u0442\u044c \u0430\u0441\u0441\u0435\u043c\u0431\u043b\u0435\u0440\u043d\u044b\u0439 \u043a\u043e\u0434 \u0431\u0443\u0434\u0435\u043c \u0432\u0440\u0443\u0447\u043d\u0443\u044e, \u0431\u0435\u0437 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f<\/strong> Emscripten<\/a>.<\/p>\n
\u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e, \u0432 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0435, \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 WAT-\u0444\u0430\u0439\u043b\u043e\u0432<\/a> (WebAssembly Text Format):<\/p>\n
npm install wabt<\/code><\/pre>\n
\u0418, \u043f\u0440\u044f\u043c\u043e \u043f\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c, \u0441\u043e\u0431\u0435\u0440\u0435\u043c \u0438\u0437 \u043d\u0435\u0433\u043e \u0441\u0432\u043e\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 «\u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440» compile-test.js<\/code>:<\/p>\n
const { readFileSync, writeFileSync } = require('fs');  const fn = 'buffers-test';  require('wabt')().then(wabt => {   const inputWat = `${fn}.wat`;   const outputWasm = `${fn}.wasm`;    const wasmModule = wabt.parseWat(inputWat, readFileSync(inputWat, 'utf8'));   const { buffer } = wasmModule.toBinary({});    writeFileSync(outputWasm, Buffer.from(buffer)); }); <\/code><\/pre>\n
\u0417\u0430\u043c\u0435\u0442\u0438\u043c, \u0447\u0442\u043e \u043e\u043d \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 buffers-test.wasm<\/code> \u0438\u0437 buffers-test.wat<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043a\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0443 \u043d\u0430\u0441 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u043d\u043e\u0439 \u0437\u0430\u0433\u043b\u0443\u0448\u043a\u043e\u0439:<\/p>\n
(module   (func (result i32)     (i32.const 42)   )   (export \"helloWorld\" (func 0)) )<\/code><\/pre>\n
\n
\u0414\u043b\u044f \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u043e\u0433\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044f «\u0447\u0442\u043e \u044d\u0442\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u0442\u0430\u043a\u043e\u0435?»<\/em> \u0445\u043e\u0440\u043e\u0448\u043e \u043f\u043e\u0434\u043e\u0439\u0434\u0443\u0442 \u0441\u0442\u0430\u0442\u044c\u044f \u0438\u0437 MDN \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0433\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0430 WebAssembly<\/a> \u0438 \u043f\u043e\u043b\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0447\u0435\u043d\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 WASM-\u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0439<\/a>.<\/p>\n<\/blockquote>\n
\u0410 \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0437 buffers-test.js<\/code>:<\/p>\n
const { readFileSync } = require('fs');  const fn = 'buffers-test';  const run = async () => {   const buffer = readFileSync(`${fn}.wasm`);   const module = await WebAssembly.compile(buffer);      const instance = await WebAssembly.instantiate(module);   console.log(instance.exports.helloWorld()); };  run();<\/code><\/pre>\n
\u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u0438\u0437 WASM \u0432 JS<\/h2>\n
\u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u0441\u0430\u043c\u044b\u0439 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430 \u0440\u0430\u0431\u043e\u0442\u044b WASM-\u043a\u043e\u0434\u0430 — \u0432\u043e\u0437\u0432\u0440\u0430\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u0438. \u041d\u043e \u043e\u043d \u043d\u0435 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 — \u0438 \u0440\u0430\u0437 \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0434\u043e\u0441\u0442\u0438\u0447\u044c \u043d\u0430\u0438\u043b\u0443\u0447\u0448\u0435\u0433\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430, \u043d\u0430\u043c \u0441\u0442\u043e\u0438\u0442 \u0438\u0445 \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u044c.<\/p>\n
\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u0438<\/h4>\n
\u0418\u0437\u043c\u0435\u043d\u0438\u043c \u043d\u0430\u0448 \u043a\u043e\u0434 \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u043c \u043d\u043e\u0432\u043e\u043c \u0432\u044b\u0437\u043e\u0432\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043e\u043d \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u043b \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u043d\u0430\u0442\u0443\u0440\u0430\u043b\u044c\u043d\u043e\u0435 \u0447\u0438\u0441\u043b\u043e \u043c\u0438\u043b\u043b\u0438\u043e\u043d \u0440\u0430\u0437:<\/p>\n
\/\/ ...     const hw = instance.exports.helloWorld;    const hrb = process.hrtime();   \/\/ -- 8< --   for (let i = 1; i < 1000000; i++) {     let v = hw(); \/\/ \u043f\u0440\u043e\u0441\u0442\u043e\u0435 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430   }   \/\/ -- 8< --   const hre = process.hrtime(hrb);   const usec = hre[0] * 1e+9 + hre[1];   console.log(usec); \/\/ ...<\/code><\/pre>\n
(module   ;; \u044d\u0442\u043e \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u043c\u043e\u0434\u0443\u043b\u044f, \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0438\u043c\u0435\u044e\u0442 \u0432\u0441\u0435 \u0435\u0433\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u0438   ;; let val = 0 - \u0442\u043e \u0435\u0441\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u043c\u043e\u0435, \u043d\u0435-const, \u0446\u0435\u043b\u043e\u0435 32-bit \u0447\u0438\u0441\u043b\u043e   (global $val (mut i32)     (i32.const 0)   )    (func (export \"helloWorld\") (result i32) ;; \u0441\u0440\u0430\u0437\u0443 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u0441 \u043d\u0443\u0436\u043d\u044b\u043c \u0438\u043c\u0435\u043d\u0435\u043c     ;; val++ - \u0434\u0430, \u0432\u043e\u0442 \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0441\u043b\u043e\u0436\u043d\u043e     (global.set $val       (i32.add         (global.get $val)         (i32.const 1)       )     )     ;; return val     (global.get $val)   ) )<\/code><\/pre>\n
\u0414\u043b\u044f NodeJS 15.9.0, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0431\u0443\u0434\u0435\u043c \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c \u0432\u0441\u0435 \u043d\u0430\u0448\u0438 \u0442\u0435\u0441\u0442\u044b, \u0432\u0440\u0435\u043c\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043e\u0442 10\u043c\u0441<\/strong> — \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 CPU.<\/p>\n
\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f<\/h4>\n
\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f<\/a> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043a\u0430\u043a \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0438\u0437 JS \u0432 WASM-\u043a\u043e\u0434, \u0442\u0430\u043a \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0438\u0445 \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u043a\u0430\u043a \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u044b.<\/p>\n
\/\/ ...   \/\/ \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f WASM-\u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0441 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c 0   let val = new WebAssembly.Global({value : 'i32', mutable : true}, 0);   \/\/ \u044d\u0442\u043e\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \"\u0432\u043d\u0443\u0442\u0440\u044c\" WASM   const importObject = {     js : {       val     }   };   const instance = await WebAssembly.instantiate(module, importObject); \/\/ ...   for (let i = 1; i < 1000000; i++) {     hw();     let v = val.value; \/\/ .value \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 WebAssembly.Global   }<\/code><\/pre>\n
\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0436\u0435 \u0432 \u0430\u0441\u0441\u0435\u043c\u0431\u043b\u0435\u0440\u043d\u043e\u043c \u043a\u043e\u0434\u0435 — \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435:<\/p>\n
(module   ;; \u044d\u0442\u043e \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f, \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u043d\u0430\u044f \u0438\u0437 JS-\u043a\u043e\u0434\u0430 \u043a\u0430\u043a importObject.js.val   (global $val (import \"js\" \"val\") (mut i32))    (func (export \"helloWorld\") ;; \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0442\u0435\u043f\u0435\u0440\u044c \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442     (global.set $val       (i32.add         (global.get $val)         (i32.const 1)       )     )   ) )<\/code><\/pre>\n
\u042d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0434\u0435\u043b\u0430\u0435\u0442 \u0440\u043e\u0432\u043d\u043e \u0442\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435… \u043d\u043e \u0443\u0436\u0435 \u0437\u0430 48ms<\/strong>. \u041f\u043e\u0447\u0442\u0438 \u0432 5 \u0440\u0430\u0437 \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u0435\u0435, \u043e\u0434\u043d\u0430\u043a\u043e!<\/p>\n
\u0417\u0430\u043c\u0435\u0447\u0443, \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0432\u043c\u0435\u0441\u0442\u043e val.value<\/code> \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c val.valueOf()<\/code>, \u0432\u0440\u0435\u043c\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0432\u043e\u0437\u0440\u0430\u0441\u0442\u0430\u0435\u0442 \u0438 \u0432\u043e\u0432\u0441\u0435 \u0434\u043e 58ms<\/strong>.<\/p>\n
\u0420\u0430\u0437\u0434\u0435\u043b\u044f\u0435\u043c\u0430\u044f \u043f\u0430\u043c\u044f\u0442\u044c<\/h4>\n
\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0441\u043e\u0432\u0441\u0435\u043c \u0433\u0440\u0443\u0441\u0442\u043d\u043e, \u0432\u0435\u0434\u044c \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439. \u041d\u043e \u043e\u0442\u0447\u0430\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0440\u0430\u043d\u043e — \u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c \u043f\u0440\u0438\u0434\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u0435\u043c\u043e\u0439 \u043f\u0430\u043c\u044f\u0442\u0438<\/a>, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0435\u0439 \u043e\u0431\u0449\u0435\u0435 \u0430\u0434\u0440\u0435\u0441\u043d\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u043c\u0435\u0436\u0434\u0443 JS \u0438 WASM:<\/p>\n
\/\/ ...   \/\/ \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u0435\u043c\u043e\u0439 \u043f\u0430\u043c\u044f\u0442\u0438 \u0441 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u043c \u0432 1 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443   const memory = new WebAssembly.Memory({initial : 1});   \/\/ \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u044f \u044d\u0442\u043e\u0439 \u043f\u0430\u043c\u044f\u0442\u0438 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 32-bit-\u0447\u0438\u0441\u0435\u043b   const prj32 = new Uint32Array(memory.buffer);    const importObject = {     js : {       memory     }   }; \/\/ ...   for (let i = 1; i < 1000000; i++) {     hw();     let v = prj32[0]; \/\/ \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0438\u0437 \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0438   } \/\/ ...<\/code><\/pre>\n
(module   ;; \u044d\u0442\u043e \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u0435\u043c\u043e\u0439 \u043f\u0430\u043c\u044f\u0442\u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u043c \u0432 \u043e\u0434\u043d\u0443 64KB-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 importObject.js.memory   (import \"js\" \"memory\" (memory 1))    (func (export \"helloWorld\")     ;; memory[0] = memory[0] + 1     (i32.store       (i32.const 0) ;; offset       (i32.add      ;; data         (i32.load           (i32.const 0) ;; offset         )         (i32.const 1)       )     )   ) )<\/code><\/pre>\n
\u0418 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0443\u0436\u0435 \u0432\u043f\u043e\u043b\u043d\u0435 \u0434\u043e\u0441\u0442\u043e\u0439\u043d\u044b\u0439 — \u043e\u0442 12ms<\/strong>. \u0422\u043e \u0435\u0441\u0442\u044c \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u0435\u0435, \u0447\u0435\u043c \u0432\u043e\u0437\u0432\u0440\u0430\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0437\u0430\u0442\u043e \u0432\u0435\u0440\u043d\u0443\u0442\u044c \u043c\u043e\u0436\u043d\u043e \u0441\u0440\u0430\u0437\u0443 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 — \u043d\u0430\u0434\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u0442\u044c \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u043c\u0435\u0436\u0434\u0443 JS \u0438 WASM-\u043a\u043e\u0434\u043e\u043c.<\/p>\n
\n
\u0421\u0442\u043e\u0438\u0442 \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u044c \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e WASM \u043e\u043f\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u044f\u043c\u0438 \u043f\u0430\u043c\u044f\u0442\u0438 «\u0432 \u0431\u0430\u0439\u0442\u0430\u0445», \u0430 JS — «\u0432 \u044f\u0447\u0435\u0439\u043a\u0430\u0445»<\/strong>.  \u0422\u043e \u0435\u0441\u0442\u044c \u0435\u0441\u043b\u0438 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c prj32[2]<\/code>, \u0442\u043e \u043f\u0438\u0441\u0430\u0442\u044c i32.store<\/code> \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u043f\u043e \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u044e 8 = 2 * 4<\/code> («\u0431\u0430\u0439\u0442\u043e\u0432\u044b\u0439» \u0440\u0430\u0437\u043c\u0435\u0440 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0438 \u043c\u043e\u0436\u043d\u043e \u0443\u0437\u043d\u0430\u0442\u044c \u043a\u0430\u043a prj32.BYTES_PER_ELEMENT<\/code>).<\/p>\n<\/blockquote>\n
\u0417\u0430\u043c\u0435\u0442\u0438\u043c, \u0447\u0442\u043e \u043d\u0430\u043c \u043d\u0438\u0447\u0442\u043e \u043d\u0435 \u043c\u0435\u0448\u0430\u0435\u0442 \u0438\u043c\u0435\u0442\u044c \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e «\u0440\u0430\u0437\u043d\u043e\u0442\u0438\u043f\u043d\u044b\u0445» \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0439<\/strong> \u043d\u0430 \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u043f\u0430\u043c\u044f\u0442\u0438.<\/p>\n
\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u044b \u043d\u0430\u0445\u043e\u0434\u0438\u043c\u0441\u044f \u0432\u0441\u0435-\u0442\u0430\u043a\u0438 \u043d\u0435 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435, \u0430 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0441\u0430\u0439\u0434\u0435 \u0432 Node.js<\/strong>-\u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0438, \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 — \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0447\u0442\u0435\u043d\u0438\u0435 \u0447\u0438\u0441\u043b\u043e\u0432\u044b\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0438\u0437 Buffer<\/a>-\u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0438 \u0442\u043e\u0433\u043e \u0436\u0435 \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u0430 \u043f\u0430\u043c\u044f\u0442\u0438:<\/p>\n
\/\/ ...   const buf = Buffer.from(memory.buffer); \/\/ \u0435\u0449\u0435 \u043e\u0434\u043d\u0430 1-\u0431\u0430\u0439\u0442\u043e\u0432\u0430\u044f \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u044f \/\/ ...   for (let i = 1; i < 1000000; i++) {     hw();     let v = buf.readUInt32LE(0); \/\/ \u0442\u0443\u0442 \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0442\u043e\u0436\u0435 \u043f\u043e\u0431\u0430\u0439\u0442\u043e\u0432\u043e\u0435   } \/\/ ...<\/code><\/pre>\n
\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u0432 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0447\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0431\u043b\u043e\u043a\u0430\u043c\u0438 \u043d\u0443\u0436\u043d\u043e\u0439 \u0440\u0430\u0437\u043c\u0435\u0440\u043d\u043e\u0441\u0442\u0438, \u043d\u043e \u043f\u043e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u043e\u043c\u0443 \u0431\u0430\u0439\u0442\u043e\u0432\u043e\u043c\u0443 \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u044e<\/strong>, \u0431\u0435\u0437 \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u044f \u043f\u043e BYTES_PER_ELEMENT<\/code>. \u0423\u0432\u044b, \u0437\u0430 \u0432\u0441\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u043b\u0430\u0442\u0438\u0442\u044c — \u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0447\u0443\u0442\u044c \u0445\u0443\u0436\u0435 — 16ms<\/strong>.<\/p>\n
\u0412\u044b\u0437\u043e\u0432 JS-\u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438\u0437 WASM<\/h4>\n
\u0422\u0443\u0442 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u0440\u0435\u0437\u043e\u043d\u043d\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441: \u0435\u0441\u043b\u0438 \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u043f\u043e\u0442\u0435\u0440\u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043f\u0440\u0438 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0438 \u0437\u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c \u0438\u0437 JS \u0432 WASM — \u0442\u0430\u043a \u043d\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0435\u0435 \u043b\u0438 \u0431\u0443\u0434\u0435\u0442 \u044d\u0442\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u043f\u0440\u044f\u043c\u043e \u0438\u0437 WASM-\u043a\u043e\u0434\u0430 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u0430 \u043d\u0443\u0436\u043d\u043e\u0439 JS-\u0444\u0443\u043d\u043a\u0446\u0438\u0438?<\/p>\n
\/\/ ...   const func = v => {     \/\/ \u044d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0438\u0437 WASM     \/\/ console.log(v)   };    const importObject = {     js : {       memory     , func     }   }; \/\/ ...   for (let i = 1; i < 1000000; i++) {     hw();   } \/\/ ...<\/code><\/pre>\n
(module   ;; \u043e\u0431\u044a\u044f\u0432\u043b\u044f\u0435\u043c \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0435 \u0438\u043c\u044f \u0438 \u0441\u0438\u0433\u043d\u0430\u0442\u0443\u0440\u0443 JS-\u0444\u0443\u043d\u043a\u0446\u0438\u0438   (import \"js\" \"func\" (func $js_func (param i32)))   (import \"js\" \"memory\" (memory 1))    (func (export \"helloWorld\")     ;; memory[0] = memory[0] + 1     (i32.store       (i32.const 0)       (i32.add         (i32.load           (i32.const 0)         )         (i32.const 1)       )     )     ;; \u0432\u044b\u0437\u043e\u0432 js.func(memory[0])     (call $js_func       (i32.load         (i32.const 0)       )     )   ) )<\/code><\/pre>\n
\u0422\u0430\u043a\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0432\u0440\u0435\u043c\u044f \u0435\u0449\u0435 \u0447\u0443\u0442\u044c \u0445\u0443\u0436\u0435 — \u043f\u043e\u0440\u044f\u0434\u043a\u0430 20ms<\/strong>, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432\u0441\u0435-\u0442\u0430\u043a\u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0439 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f\/\u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0435\u043a\u0430 \u043f\u0440\u0438 \u0432\u044b\u0437\u043e\u0432\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438.<\/p>\n
\u041f\u043e\u0434\u0432\u0435\u0434\u0435\u043c \u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043e\u0447\u043d\u044b\u0435 \u0438\u0442\u043e\u0433\u0438:<\/p>\n
\n
\n\n\n\n\n\n\n\n\n\n\n
\n
\u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f<\/strong><\/p>\n<\/td>\n<\/tr>\n
\n
\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u0438<\/p>\n<\/td>\n
\n
10ms<\/strong><\/p>\n<\/td>\n<\/tr>\n
\n
\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f .value<\/p>\n<\/td>\n
\n
48ms<\/p>\n<\/td>\n<\/tr>\n
\n
\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f .valueOf()<\/p>\n<\/td>\n
\n
58ms<\/p>\n<\/td>\n<\/tr>\n
\n
\u0412\u044b\u0437\u043e\u0432 JS-\u0444\u0443\u043d\u043a\u0446\u0438\u0438<\/p>\n<\/td>\n
\n
20ms<\/p>\n<\/td>\n<\/tr>\n
\n
\u0412\u043e\u0437\u0432\u0440\u0430\u0442 \u043d\u0430\u0431\u043e\u0440\u0430<\/strong><\/p>\n<\/td>\n<\/tr>\n
\n
\u0420\u0430\u0437\u0434\u0435\u043b\u044f\u0435\u043c\u0430\u044f \u043f\u0430\u043c\u044f\u0442\u044c \u0447\u0435\u0440\u0435\u0437 ArrayBuffer<\/p>\n<\/td>\n
\n
12ms<\/strong><\/p>\n<\/td>\n<\/tr>\n
\n
\u0420\u0430\u0437\u0434\u0435\u043b\u044f\u0435\u043c\u0430\u044f \u043f\u0430\u043c\u044f\u0442\u044c \u0447\u0435\u0440\u0435\u0437 Buffer<\/p>\n<\/td>\n
\n
16ms<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n
BigInt vs \u0443\u043c\u043d\u043e\u0436\u0435\u043d\u0438\u0435<\/h2>\n
\u041f\u043e\u043a\u0430 \u0447\u0442\u043e \u043c\u044b \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043b\u0438 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u0432\u043e\u0437\u0432\u0440\u0430\u0442\u0430 32bit-\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439, \u043d\u043e \u0441\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043e\u043f\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0447\u0438\u0441\u043b\u0430\u043c\u0438, \u0432\u044b\u0445\u043e\u0434\u044f\u0449\u0438\u043c\u0438 \u0437\u0430 \u0440\u0430\u043c\u043a\u0438 \u044d\u0442\u043e\u0433\u043e \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0430. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430: \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u0438\u043f BigInt<\/code> \u0438\u043b\u0438 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0443\u043c\u043d\u043e\u0436\u0435\u043d\u0438\u0435\u043c \u043f\u0430\u0440\u044b 32bit-\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439.<\/p>\n
\n
\n\n\n\n\n\n
\n
const buf = Buffer.from(memory.buffer);<\/code><\/p>\n
let v = buf.readBigUInt64LE(0);<\/code><\/p>\n<\/td>\n
\n
136ms<\/p>\n<\/td>\n<\/tr>\n
\n
const prj64 = new BigUint64Array(memory.buffer);<\/code><\/p>\n
let v = prj64[0];<\/code><\/p>\n<\/td>\n
\n
24ms<\/p>\n<\/td>\n<\/tr>\n
\n
const prj32 = new Uint32Array(memory.buffer);<\/code><\/p>\n
let v = prj32[0] + prj32[1] * 0x100000000;<\/code><\/p>\n<\/td>\n
\n
14ms<\/strong><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n
\u0412 \u043e\u0431\u0449\u0435\u043c, \u0432\u044b\u0431\u043e\u0440 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043e\u0447\u0435\u0432\u0438\u0434\u0435\u043d — \u043f\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0441\u0442\u043e\u0438\u0442 \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f 32bit-\u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0435\u0439<\/strong>.<\/p>\n
\u041f\u0435\u0440\u0435\u0434\u0430\u0447\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0437 JS \u0432 WASM<\/h2>\n
\u0412\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u0438\u043c\u0435\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0439, \u0447\u0442\u043e\u0431\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u043c \u0432 WASM-\u043a\u043e\u0434\u0435 \u0441\u0440\u0430\u0437\u0443 \u0432\u0435\u0441\u044c \u0444\u0430\u0439\u043b, \u0437\u0430\u0440\u0435\u0437\u0435\u0440\u0432\u0438\u0440\u043e\u0432\u0430\u0432 \u043f\u0435\u0440\u0432\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u0430\u043c\u044f\u0442\u0438 \u043f\u043e\u0434 \u043e\u0431\u043c\u0435\u043d \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c\u0438:<\/p>\n
\/\/ ...   const prj32 = new Uint32Array(memory.buffer); \/\/ 4-\u0431\u0430\u0439\u0442\u043e\u0432\u0430\u044f \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u044f   const prj8 = new Uint8Array(memory.buffer);   \/\/ 1-\u0431\u0430\u0439\u0442\u043e\u0432\u0430\u044f \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u044f    const offset = 1 << 16; \/\/ \u0440\u0430\u0437\u043c\u0435\u0440 \u043f\u0435\u0440\u0432\u043e\u0439 64KB-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b    const data = readFileSync('buffers.txt');   \/\/ _\u043d\u0430_ \u0441\u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u043d\u0430\u043c \u043d\u0430\u0434\u043e \u0440\u0430\u0441\u0448\u0438\u0440\u0438\u0442\u044c \u0440\u0430\u0437\u0434\u0435\u043b\u044f\u0435\u043c\u0443\u044e \u043f\u0430\u043c\u044f\u0442\u044c   memory.grow((data.byteLength >> 16) + 1);    \/\/ \u0437\u0430\u043b\u0438\u0432\u0430\u0435\u043c \u0432\u0441\u0435 \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u043d\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441\u043e 2-\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b   data.copy(prj8, offset); \/\/ ...<\/code><\/pre>\n
\u0422\u0430\u043a \u0434\u0430\u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u043a\u0430\u043a\u043e\u0435-\u0442\u043e \u0432\u0440\u0435\u043c\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c, \u043d\u043e \u043d\u0435\u0434\u043e\u043b\u0433\u043e \u0438 \u043d\u0435\u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e memory.grow<\/code> \u043f\u043e\u0440\u043e\u0436\u0434\u0430\u0435\u0442 \u0443\u0436\u0435 \u043d\u043e\u0432\u044b\u0439 \u0441\u0435\u0433\u043c\u0435\u043d\u0442 \u043f\u0430\u043c\u044f\u0442\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u0441\u0435 \u043f\u0440\u043e\u0435\u043a\u0446\u0438\u0438 \u043d\u0430\u0434\u043e \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0443\u0436\u0435 \u043f\u043e\u0441\u043b\u0435 \u043d\u0430\u0440\u0430\u0449\u0438\u0432\u0430\u043d\u0438\u044f \u043f\u0430\u043c\u044f\u0442\u0438<\/strong>:<\/p>\n
\/\/ ...   memory.grow((data.byteLength >> 16) + 1);   const prj32 = new Uint32Array(memory.buffer);   const prj8 = new Uint8Array(memory.buffer); \/\/ ...<\/code><\/pre>\n
\u0412 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u043c\u044b \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044e \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430.<\/p>\n
\n
\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b:<\/p>\n