Menulis kod untuk web kadangkala terasa sedikit ajaib kerana kita menulis urutan aksara dalam fail, membuka fail itu dalam penyemak imbas dan menontonnya menjadi hidup. Tetapi memahami teknologi di sebalik keajaiban boleh membantu anda mengasah kemahiran anda sebagai pengaturcara dengan lebih baik.
Dalam artikel ini, anda akan menemui perkara yang berlaku di sebalik tabir dalam web berkuasa JavaScript atau timbunan mudah alih dengan memahami kerumitan enjin JavaScript yang menggerakkan penyemak imbas. Mari kita pecahkan perkara yang dilakukan oleh enjin JavaScript, sebab platform yang berbeza menggunakan enjin yang berbeza, bagaimana ia telah berkembang selama bertahun-tahun dan sebab kami, sebagai pembangun, harus mengambil berat.
Pertama, sedikit istilah
‘Enjin JavaScript’ sering dipanggil sejenis mesin maya. 'Mesin maya' merujuk kepada emulasi dipacu perisian bagi sistem komputer tertentu. Terdapat banyak jenis mesin maya dan ia diklasifikasikan mengikut ketepatan mesin tersebut dapat meniru atau menggantikan mesin fizikal sebenar.
Sebagai contoh, 'mesin maya sistem', menyediakan emulasi lengkap platform di mana sistem pengendalian boleh dilaksanakan. Pengguna Mac mungkin biasa dengan Parallels, mesin maya sistem yang membolehkan anda menjalankan Windows pada Mac anda.
‘Mesin maya proses’, sebaliknya, kurang berfungsi sepenuhnya dan boleh menjalankan satu program atau proses. Wine ialah mesin maya proses yang membolehkan anda menjalankan aplikasi Windows pada mesin Linux, tetapi tidak menyediakan keseluruhan OS Windows pada kotak Linux.
Enjin JavaScript ialah sejenis mesin maya proses yang direka khusus untuk mentafsir dan melaksanakan kod JavaScript.
Nota: adalah penting untuk membezakan antara enjin yang menggerakkan penyemak imbas dengan meletakkan halaman web, berbanding enjin JavaScript peringkat rendah yang mentafsir dan melaksanakan kod. Penjelasan yang baik terdapat dalam artikel ini tentang cara penyemak imbas berfungsi.
Jadi apakah sebenarnya enjin JavaScript dan apakah fungsinya?
Tugas asas enjin JavaScript, apabila semuanya dikatakan dan dilakukan, ialah mengambil kod JavaScript yang ditulis oleh pembangun dan menukarnya kepada kod yang pantas dan dioptimumkan yang boleh ditafsirkan oleh penyemak imbas atau bahkan dibenamkan ke dalam aplikasi. JavaScriptCore, sebenarnya, menamakan dirinya sebagai "mesin maya yang mengoptimumkan".
Lebih tepat lagi, setiap enjin JavaScript melaksanakan versi ECMAScript, yang mana JavaScript ialah dialek. Apabila ECMAScript berkembang, begitu juga enjin JavaScript. Sebab terdapat begitu banyak enjin yang berbeza adalah setiap satu direka untuk berfungsi dengan penyemak imbas web yang berbeza, penyemak imbas tanpa kepala atau masa jalan seperti Node.js.
Anda mungkin biasa dengan penyemak imbas web, tetapi apakah pelayar tanpa kepala? Ia adalah pelayar web tanpa antara muka pengguna grafik. Ia berguna untuk menjalankan ujian automatik terhadap produk web anda. Sejak versi 59 Chrome dan versi 56 Firefox, penyemak imbas biasa boleh digunakan dengan cara ini, terutamanya untuk ujian. Dan di manakah Node.js sesuai dengan ini? Node.js ialah rangka kerja terdorong peristiwa tak segerak yang membolehkan anda menggunakan JavaScript di bahagian pelayan. Memandangkan ia adalah alatan dipacu JavaScript, ia dikuasakan oleh enjin JavaScript.
Memandangkan takrifan mesin maya di atas, masuk akal untuk menyebut enjin JavaScript sebagai mesin maya proses, kerana tujuan utamanya adalah untuk membaca dan menyusun kod JavaScript. Ini tidak bermakna ia adalah enjin yang ringkas. JavaScriptCore, sebagai contoh, mempunyai enam 'blok binaan' yang menganalisis, mentafsir, mengoptimumkan dan mengumpul sampah kod JavaScript.
Bagaimana ini berfungsi?
Ini bergantung pada enjin. Mari kita pertimbangkan dua enjin penting: JavaScriptCore WebKit dan enjin V8 Google. Kedua-dua enjin ini mengendalikan kod pemprosesan secara berbeza.
JavaScriptCore melaksanakan satu siri langkah untuk mentafsir dan mengoptimumkan skrip:
Ia melakukan analisis leksikal, memecahkan sumber kepada satu siri token atau rentetan dengan makna yang dikenal pasti.
Token kemudiannya dianalisis oleh penghurai untuk sintaks dan dibina ke dalam pepohon sintaks.
Empat proses JIT (tepat pada masanya) kemudian bermula, menganalisis dan melaksanakan kod bait yang dihasilkan oleh penghurai.
Dalam istilah mudah, enjin JavaScript ini mengambil kod sumber anda, memecahkannya kepada rentetan (a.k.a. lexes), mengambil rentetan tersebut dan menukarnya kepada kod bait yang boleh difahami oleh pengkompil, dan kemudian melaksanakannya.
Enjin V8 Google, yang ditulis dalam C, juga menyusun dan melaksanakan kod sumber JavaScript, mengendalikan peruntukan memori dan sampah mengumpul sisa. Reka bentuknya terdiri daripada saluran paip pengkompil yang menyusun kod sumber terus ke dalam kod mesin:
Pencucuhan, penterjemah yang menghasilkan bytecode
TurboFan, pengkompil pengoptimuman yang menyusun kod bait itu ke dalam kod mesin
SparkPlug, penyusun yang menambah TurboFan
Jika anda berminat dengan sejarah, saluran paip baharu ini menggantikan reka bentuk Full-codegen dan Crankshaft double-compiler lama yang digunakan sebelum ini oleh V8.
Setelah kod mesin dihasilkan oleh proses penyusunan, enjin mendedahkan semua jenis data, pengendali, objek dan fungsi yang dinyatakan dalam standard ECMA kepada penyemak imbas, atau mana-mana masa jalan yang perlu menggunakannya, seperti Node.js, Deno, atau Electron (yang digunakan oleh Visual Studio Code).
Lencongan kecil: masa tayangan
Jika enjin JavaScript berjalan secara senyap di latar belakang, menghuraikan kod dan memecahkannya kepada rentetan yang boleh dibaca supaya pengkompil boleh membaca dan menyusunnya, masa jalan cenderung menarik lebih banyak perhatian. Kenapa begitu?
Waktu jalan yang terkenal berfungsi di atas enjin JavaScript, memanjangkan kuasanya. Yang paling terkenal ialah Node, tetapi Deno dan Bun adalah pendatang baru di arena. Node dan Deno membenamkan V8, dan Bun membenamkan JavaScriptCore.
Bun mendakwa berjalan lebih pantas daripada Node atau Deno kerana JavaScriptCore lebih pantas daripada V8, mengendalikan 69,845 permintaan http sesaat berbanding 16,288 untuk Node dan 12,926 untuk Deno.
Matlamat masa jalan ini, seperti yang dinyatakan oleh dokumen Bun, "adalah untuk menjalankan kebanyakan JavaScript dunia di luar penyemak imbas, membawa peningkatan prestasi dan kerumitan kepada infrastruktur masa hadapan anda, serta produktiviti pembangun melalui alat yang lebih baik dan lebih mudah." Masa jalan ini, sebenarnya, memanfaatkan kuasa enjin JavaScript untuk menjadikan JavaScript berjalan di luar pelayar.
NativeScript ialah contoh yang baik bagi masa jalan yang dibina khusus untuk pembangunan aplikasi mudah alih asli merentas platform yang dibina menggunakan JavaScript.
Waktu jalan ini juga dibina untuk menyelesaikan beberapa masalah yang wujud yang dibentangkan oleh seni bina satu benang JavaScript. Nod, sebagai contoh, mengutamakan pelaksanaan rutin tak segerak dan tanpa benang. Semua masa jalan ini menawarkan pengalaman pembangun yang dipilih susun, termasuk sokongan terbina dalam untuk API yang digemari seperti fetch, websocket dan juga JSX, yang digemari oleh pembangun React. Ini mungkin sebab mereka cenderung menarik perhatian pembangun.
Waktu jalan, secara keseluruhan, menangani jurang yang dilihat dalam prestasi seni bina penyemak imbas standard dan enjin yang menggerakkannya. Apabila enjin berkembang, pastinya masa jalan ini.
Apakah enjin JavaScript yang ada di luar sana?
Terdapat pelbagai jenis enjin JavaScript yang tersedia untuk menganalisis, menghuraikan dan melaksanakan kod sebelah pelanggan anda. Dengan setiap keluaran versi penyemak imbas, enjin JavaScript mungkin ditukar atau dioptimumkan untuk mengikuti perkembangan terkini dalam pelaksanaan kod JavaScript.
Adalah berguna untuk diingat, sebelum benar-benar keliru dengan nama yang diberikan kepada enjin ini, bahawa banyak dorongan pemasaran masuk ke dalam enjin ini dan pelayar yang mendasarinya. Dalam analisis berguna kompilasi JavaScript ini, pengarang mencatat dengan masam: "Sekiranya anda tidak tahu, penyusun adalah kira-kira 37% terdiri daripada pemasaran, dan penjenamaan semula adalah salah satu daripada beberapa perkara yang boleh anda lakukan kepada penyusun, dari segi pemasaran, maka nama kereta api: SquirrelFish, Nitro, SFX..."
Sambil mengingati pasang surut dalam menamakan dan menamakan semula enjin ini, adalah berguna untuk mengambil perhatian beberapa peristiwa utama dalam sejarah enjin JavaScript. Saya telah menyusun carta berguna untuk anda:
| Browser, Headless Browser, or Runtime | JavaScript Engine |
|---|---|
| Mozilla | Spidermonkey |
| Chrome | V8 |
| IE | Chakra |
| Safari | JavaScriptCore* |
| Node.js | V8 |
| Deno | V8 |
| Bun | JavaScriptCore |
| Edge** | Blink and V8 |
*JavaScriptCore telah ditulis semula sebagai SquirrelFish, dijenamakan semula sebagai SquirrelFish Extreme, juga dipanggil Nitro. Walau bagaimanapun, ia masih merupakan kenyataan yang benar untuk memanggil JavaScriptCore enjin JavaScript yang mendasari pelaksanaan WebKit (seperti Safari).
**Edge pada asalnya menggunakan enjin Chakra, sebahagian daripadanya adalah sumber terbuka Microsoft. Edge kemudiannya dibina semula sebagai penyemak imbas Chromium, dengan enjin JavaScript Blink dan V8 di bawah hud.
Mengapa kita perlu mengambil berat?
Matlamat penghuraian kod dan proses pelaksanaan enjin JavaScript adalah untuk menjana kod yang paling dioptimumkan dalam masa yang sesingkat mungkin.
Intinya, evolusi enjin ini selari dengan usaha kami untuk mengembangkan persekitaran web dan mudah alih untuk menjadikannya sebagai prestasi yang mungkin. Untuk menjejaki evolusi ini, anda boleh melihat prestasi pelbagai enjin dalam graf penanda aras seperti yang dihasilkan di arewefastyet.com.
Mana-mana pembangun web perlu sedar tentang perbezaan yang wujud dalam penyemak imbas yang memaparkan kod yang kami bekerja keras untuk menghasilkan, nyahpepijat dan menyelenggara. Mengapakah skrip tertentu berfungsi dengan perlahan pada satu penyemak imbas, tetapi lebih cepat pada penyemak imbas yang lain?
Pembangun mudah alih, begitu juga, terutamanya mereka yang menulis apl mudah alih hibrid menggunakan paparan web untuk memaparkan kandungan mereka, akan ingin mengetahui enjin yang mentafsir kod JavaScript mereka. Semua pembangun web yang mengambil berat tentang pengalaman pengguna harus memahami batasan yang wujud dan kemungkinan yang ditawarkan oleh pelbagai penyemak imbas pada peranti kecil mereka. Mengikuti perubahan dalam
Enjin JavaScript akan menghabiskan masa dengan baik semasa anda berkembang sebagai pembangun web, mudah alih atau aplikasi.
Artikel ini pada asalnya muncul pada 2015 di Rangkaian Pembangun Telerik, dan sejak itu telah disemak dan dikemas kini untuk 2022 dan seterusnya. Artikel asal dipetik di wikipedia dalam entri JavaScript Engines.
?
Atas ialah kandungan terperinci Apakah Enjin JavaScript?. 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)
Bagaimana membuat permintaan HTTP di node.js?
Jul 13, 2025 am 02:18 AM
Terdapat tiga cara biasa untuk memulakan permintaan HTTP dalam node.js: Gunakan modul terbina dalam, axios, dan nod-fetch. 1. Gunakan modul HTTP/HTTPS terbina dalam tanpa kebergantungan, yang sesuai untuk senario asas, tetapi memerlukan pemprosesan manual jahitan data dan pemantauan ralat, seperti menggunakan https.get () untuk mendapatkan data atau menghantar permintaan pos melalui .write (); 2.AXIOS adalah perpustakaan pihak ketiga berdasarkan janji. Ia mempunyai sintaks ringkas dan fungsi yang kuat, menyokong async/menunggu, penukaran JSON automatik, pemintas, dan lain -lain. Adalah disyorkan untuk memudahkan operasi permintaan tak segerak; 3.Node-Fetch menyediakan gaya yang serupa dengan pengambilan penyemak imbas, berdasarkan janji dan sintaks mudah
Jenis Data JavaScript: Rujukan primitif vs
Jul 13, 2025 am 02:43 AM
Jenis data JavaScript dibahagikan kepada jenis primitif dan jenis rujukan. Jenis primitif termasuk rentetan, nombor, boolean, null, undefined, dan simbol. Nilai -nilai tidak berubah dan salinan disalin apabila memberikan nilai, jadi mereka tidak mempengaruhi satu sama lain; Jenis rujukan seperti objek, tatasusunan dan fungsi menyimpan alamat memori, dan pembolehubah menunjuk objek yang sama akan mempengaruhi satu sama lain. Typeof dan Instanceof boleh digunakan untuk menentukan jenis, tetapi memberi perhatian kepada isu -isu sejarah TypeOfNull. Memahami kedua -dua jenis perbezaan ini dapat membantu menulis kod yang lebih stabil dan boleh dipercayai.
React vs angular vs vue: Rangka kerja JS mana yang terbaik?
Jul 05, 2025 am 02:24 AM
Rangka kerja JavaScript mana yang terbaik? Jawapannya ialah memilih yang paling sesuai mengikut keperluan anda. 1. REACT adalah fleksibel dan bebas, sesuai untuk projek sederhana dan besar yang memerlukan penyesuaian tinggi dan keupayaan seni bina pasukan; 2. Angular menyediakan penyelesaian lengkap, sesuai untuk aplikasi peringkat perusahaan dan penyelenggaraan jangka panjang; 3. Vue mudah digunakan, sesuai untuk projek kecil dan sederhana atau perkembangan pesat. Di samping itu, sama ada terdapat timbunan teknologi sedia ada, saiz pasukan, kitaran hayat projek dan sama ada SSR diperlukan juga faktor penting dalam memilih rangka kerja. Singkatnya, tidak ada kerangka terbaik, pilihan terbaik adalah yang sesuai dengan keperluan anda.
Objek Masa JavaScript, seseorang membina eactexe, laman web lebih cepat di Google Chrome, dll.
Jul 08, 2025 pm 02:27 PM
Helo, pemaju JavaScript! Selamat datang ke berita JavaScript minggu ini! Minggu ini kami akan memberi tumpuan kepada: Pertikaian tanda dagangan Oracle dengan Deno, objek masa JavaScript baru disokong oleh pelayar, kemas kini Google Chrome, dan beberapa alat pemaju yang kuat. Mari mulakan! Pertikaian tanda dagangan Oracle dengan percubaan Deno Oracle untuk mendaftarkan tanda dagangan "JavaScript" telah menyebabkan kontroversi. Ryan Dahl, pencipta Node.js dan Deno, telah memfailkan petisyen untuk membatalkan tanda dagangan, dan dia percaya bahawa JavaScript adalah standard terbuka dan tidak boleh digunakan oleh Oracle
Apakah API cache dan bagaimana ia digunakan dengan pekerja perkhidmatan?
Jul 08, 2025 am 02:43 AM
CACHEAPI adalah alat yang disediakan oleh penyemak imbas kepada permintaan rangkaian cache, yang sering digunakan bersempena dengan ServiceWorker untuk meningkatkan prestasi laman web dan pengalaman luar talian. 1. Ia membolehkan pemaju menyimpan sumber secara manual seperti skrip, helaian gaya, gambar, dan lain -lain; 2. Ia boleh memadankan tindak balas cache mengikut permintaan; 3. Ia menyokong memotong cache tertentu atau membersihkan seluruh cache; 4. Ia boleh melaksanakan keutamaan cache atau strategi keutamaan rangkaian melalui perkhidmatan pekerja yang mendengar acara mengambil; 5. Ia sering digunakan untuk sokongan luar talian, mempercepat kelajuan akses berulang, sumber utama dan kandungan kemas kini latar belakang; 6. Apabila menggunakannya, anda perlu memberi perhatian kepada kawalan versi cache, sekatan penyimpanan dan perbezaan dari mekanisme caching HTTP.
Mengendalikan Janji: Chaining, Pengendalian Kesalahan, dan Janji Gabungan di JavaScript
Jul 08, 2025 am 02:40 AM
Janji adalah mekanisme teras untuk mengendalikan operasi tak segerak dalam JavaScript. Memahami panggilan rantaian, pengendalian ralat dan gabungan adalah kunci untuk menguasai aplikasi mereka. 1. Panggilan rantai mengembalikan janji baru melalui .then () untuk merealisasikan persamaan proses tak segerak. Setiap .then () menerima hasil sebelumnya dan boleh mengembalikan nilai atau janji; 2. Pengendalian ralat harus menggunakan .catch () untuk menangkap pengecualian untuk mengelakkan kegagalan senyap, dan boleh mengembalikan nilai lalai dalam tangkapan untuk meneruskan proses; 3. Gabungan seperti janji.all () (berjaya hanya berjaya selepas semua kejayaan), janji.race () (penyempurnaan pertama dikembalikan) dan janji.allsettled () (menunggu semua penyelesaian)
Memanfaatkan array.prototype Kaedah untuk manipulasi data dalam javascript
Jul 06, 2025 am 02:36 AM
Kaedah terbina dalam JavaScript seperti .map (), .filter () dan .reduce () dapat memudahkan pemprosesan data; 1) .map () digunakan untuk menukar elemen satu hingga satu untuk menghasilkan tatasusunan baru; 2) .filter () digunakan untuk menapis elemen mengikut keadaan; 3) .reduce () digunakan untuk mengagregatkan data sebagai nilai tunggal; Penyalahgunaan harus dielakkan apabila digunakan, mengakibatkan kesan sampingan atau masalah prestasi.
JS Roundup: menyelam jauh ke dalam gelung acara JavaScript
Jul 08, 2025 am 02:24 AM
Gelung acara JavaScript menguruskan operasi tak segerak dengan menyelaraskan susunan panggilan, webapis, dan barisan tugas. 1. Stack panggilan melaksanakan kod segerak, dan ketika menghadapi tugas -tugas yang tidak segerak, ia diserahkan kepada Webapi untuk diproses; 2. Selepas Webapi melengkapkan tugas di latar belakang, ia meletakkan panggil balik ke dalam barisan yang sama (tugas makro atau tugas mikro); 3. Loop acara memeriksa sama ada timbunan panggilan kosong. Jika ia kosong, panggilan balik diambil dari barisan dan ditolak ke dalam tumpukan panggilan untuk pelaksanaan; 4. Tugas -tugas mikro (seperti janji. 5. Memahami gelung acara membantu mengelakkan menyekat benang utama dan mengoptimumkan pesanan pelaksanaan kod.
