


Mengeluarkan Pustaka untuk Pelaksanaan Segerak Proses Tak Segerak dalam JS/TS
Dec 21, 2024 am 02:44 AMSaya telah mengeluarkan pustaka yang dipanggil sync-actions yang membenarkan proses tak segerak dilaksanakan secara serentak dalam JavaScript/TypeScript. Terutamanya dalam TypeScript, anda boleh memanggil fungsi yang ditentukan dengan cara yang selamat jenis. Ia bertujuan untuk digunakan dalam kes di mana anda ingin melaksanakan proses tak segerak dalam fungsi yang anda tidak mahu (atau tidak boleh) tandakan sebagai tak segerak.
Ciri-ciri
- Menggunakan Node.js worker_threads
- Proses tak segerak dilaksanakan dalam sub-benang dan utas utama menunggu secara serentak untuk penyiapannya.
- Panggilan fungsi selamat jenis
- Dalam TypeScript, anda boleh menggunakan maklumat jenis fungsi yang ditentukan.
- Diterbitkan sebagai ESM Asli
- Ia dipermudahkan dengan tidak menyokong CommonJS.
Repositori
https://github.com/koyopro/sync-actions
Penggunaan
Pemasangan
Ia diterbitkan sebagai pakej npm, jadi sila pasangkannya menggunakan pemasangan npm atau serupa.
npm install sync-actions
Penggunaan Asas
Dengan menghantar fungsi tak segerak yang mengembalikan objek Promise kepada defineSyncWorker(), anda boleh mentakrifkan antara muka dan memulakan utas pekerja dengan launch(). Diandaikan bahawa fail yang mentakrifkan pekerja dibuat secara berasingan daripada fail pemprosesan lain.
// worker.js import { defineSyncWorker } from "sync-actions"; export const { actions, worker } = defineSyncWorker(import.meta.filename, { ping: async () => { // Execute asynchronous process, await new Promise((resolve) => setTimeout(resolve, 1000)); // Return the result as a return value return "pong"; } }).launch();
// main.js import { actions, worker } from "./worker.js"; // You can execute asynchronous functions synchronously console.log(actions.ping()); // => "pong" is output after 1 second worker.terminate();
Panggilan Fungsi selamat jenis
Dalam TypeScript, anda boleh memanggil fungsi yang ditakrifkan dengan defineSyncWorker dengan cara yang selamat jenis.
// worker.ts import { defineSyncWorker } from "sync-actions"; export const { actions, worker } = defineSyncWorker(import.meta.filename, { // By specifying the types of arguments and return values, type-safe calls are possible add: async (a: number, b: number): Promise<number> => { return a + b; } }).launch();
// main.ts import { actions, worker } from "./worker.js"; // Type-safe call actions.add(1, 2); // => 3 (number) // @ts-expect-error actions.add("1", 2); // => Argument of type 'string' is not assignable to parameter of type 'number' worker.terminate();
Latar belakang
Kandungan setakat ini adalah sama dengan README, jadi saya akan menerangkan latar belakang penciptaannya.
Saya sedang membangunkan ORM yang dipanggil Accel Record.1 Tidak seperti ORM umum, Accel Record direka untuk melaksanakan akses DB dengan antara muka segerak.2 Bahagian yang melaksanakan akses DB secara serentak telah direalisasikan dengan melaksanakan proses tak segerak dalam subproses yang dimulakan dengan child_process modul.3 Saya fikir dengan menggunakan worker_threads dan bukannya child_process, saya boleh mengurangkan overhed semasa runtime.
Accel Record juga direka bentuk agar serupa dengan Rekod Aktif Ruby on Rails dari segi kebolehgunaan, dan salah satu perkara yang saya ingin capai pada masa hadapan ialah mencipta perpustakaan seperti CarrierWave. CarrierWave membolehkan anda menyimpan imej ke perkhidmatan storan luaran (seperti AWS S3) semasa menyimpan rekod, dan untuk mencapainya dengan Accel Record, adalah perlu untuk melaksanakan proses tak segerak seperti muat naik imej secara serentak. Saya menjangkakan bahawa proses ini boleh dilaksanakan dengan lebih pantas dengan menggunakan worker_threads dan bukannya subproses.
Jadi saya pernah mencari perpustakaan yang melaksanakan proses tak segerak menggunakan worker_threads secara serentak. Saya menjumpai beberapa perpustakaan seperti synckit dan deasync, tetapi tiada satu pun daripada mereka yang berfungsi seperti yang diharapkan pada akhirnya, jadi saya memutuskan untuk mencipta sendiri. Memandangkan saya melakukannya, saya fikir saya akan membuat antara muka yang boleh digunakan dengan cara yang selamat jenis dengan TypeScript.
Lagi Butiran Dalaman
- Sehingga proses tak segerak dalam sub-benang yang dimulakan dengan worker_threads selesai, utas utama disekat menggunakan Atomic.wait().
- MessageChannel digunakan untuk komunikasi antara urutan. Kod sumber synckit sangat membantu untuk bahagian pelaksanaan ini.
- Apabila memulakan Worker dengan worker_threads, fail .ts perlu diubah ke .js. Untuk bahagian itu, saya menggunakan esbuild.
- Apabila memulakan Pekerja, saya ingin menghantar kod sumber yang ditranspil sebagai rentetan kepada Pekerja untuk dilaksanakan, tetapi ia tidak berfungsi dengan betul dalam persekitaran saya. Ini adalah bahagian di mana saya paling bergelut. Pada akhirnya, saya menulis fail di bawah node_modules dan menghantar laluannya kepada Worker. Kaedah ini ternyata paling stabil.
-
Pengenalan kepada "Rekod Accel": ORM TypeScript Menggunakan Corak Rekod Aktif??
-
Mengapa Kami Mengguna pakai API Segerak untuk TypeScript ORM Baharu??
-
Teknik untuk Akses DB Segerak dalam TypeScript??
Atas ialah kandungan terperinci Mengeluarkan Pustaka untuk Pelaksanaan Segerak Proses Tak Segerak dalam JS/TS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Java dan JavaScript adalah bahasa pengaturcaraan yang berbeza, masing -masing sesuai untuk senario aplikasi yang berbeza. Java digunakan untuk pembangunan aplikasi perusahaan dan mudah alih yang besar, sementara JavaScript digunakan terutamanya untuk pembangunan laman web.

JavaScriptcommentsareessentialformaintaining,reading,andguidingcodeexecution.1)Single-linecommentsareusedforquickexplanations.2)Multi-linecommentsexplaincomplexlogicorprovidedetaileddocumentation.3)Inlinecommentsclarifyspecificpartsofcode.Bestpractic

Titik berikut harus diperhatikan apabila tarikh pemprosesan dan masa di JavaScript: 1. Terdapat banyak cara untuk membuat objek tarikh. Adalah disyorkan untuk menggunakan rentetan format ISO untuk memastikan keserasian; 2. Dapatkan dan tetapkan maklumat masa boleh diperoleh dan tetapkan kaedah, dan ambil perhatian bahawa bulan bermula dari 0; 3. Tarikh pemformatan secara manual memerlukan rentetan, dan perpustakaan pihak ketiga juga boleh digunakan; 4. Adalah disyorkan untuk menggunakan perpustakaan yang menyokong zon masa, seperti Luxon. Menguasai perkara -perkara utama ini secara berkesan dapat mengelakkan kesilapan yang sama.

PlacingtagsatthebottomofablogpostorwebpageservespracticalpurposesforSEO,userexperience,anddesign.1.IthelpswithSEObyallowingsearchenginestoaccesskeyword-relevanttagswithoutclutteringthemaincontent.2.Itimprovesuserexperiencebykeepingthefocusonthearticl

JavaScriptispreferredforwebdevelopment, whersjavaisbetterforlarge-scalebackendsystemsandandroidapps.1) javascriptexcelsinceleatinginteractiveWebexperienceswithitsdynamicnatureanddommanipulation.2) javaoffersstrongyblectionandobjection

Penangkapan dan gelembung acara adalah dua peringkat penyebaran acara di Dom. Tangkap adalah dari lapisan atas ke elemen sasaran, dan gelembung adalah dari elemen sasaran ke lapisan atas. 1. Penangkapan acara dilaksanakan dengan menetapkan parameter useCapture addeventlistener kepada benar; 2. Bubble acara adalah tingkah laku lalai, useCapture ditetapkan kepada palsu atau ditinggalkan; 3. Penyebaran acara boleh digunakan untuk mencegah penyebaran acara; 4. Acara menggelegak menyokong delegasi acara untuk meningkatkan kecekapan pemprosesan kandungan dinamik; 5. Penangkapan boleh digunakan untuk memintas peristiwa terlebih dahulu, seperti pemprosesan pembalakan atau ralat. Memahami kedua -dua fasa ini membantu mengawal masa dan bagaimana JavaScript bertindak balas terhadap operasi pengguna.

JavascripthassevenfundamentalDatypes: nombor, rentetan, boolean, undefined, null, objek, andsymbol.1) numberuseadouble-precisionformat, bergunaforwidevaluangesbutbecautiouswithfloating-pointarithmetic.2)

Jika aplikasi JavaScript memuat perlahan -lahan dan mempunyai prestasi yang buruk, masalahnya adalah bahawa muatan terlalu besar. Penyelesaian termasuk: 1. Penggunaan kod pemisahan (codesplitting), memecah bundle besar ke dalam pelbagai fail kecil melalui react.lazy () atau membina alat, dan memuatkannya seperti yang diperlukan untuk mengurangkan muat turun pertama; 2. Keluarkan kod yang tidak digunakan (treeshaking), gunakan mekanisme modul ES6 untuk membersihkan "kod mati" untuk memastikan perpustakaan yang diperkenalkan menyokong ciri ini; 3. Memampatkan dan menggabungkan fail sumber, membolehkan GZIP/Brotli dan Terser memampatkan JS, menggabungkan fail dan mengoptimumkan sumber statik; 4. Gantikan kebergantungan tugas berat dan pilih perpustakaan ringan seperti hari.js dan ambil
