Adakah es6 serasi dengan ie8?
es6 tidak serasi dengan ie8 dan hanya serasi dengan beberapa API es6 dalam ie10 dan ie11 kaedah untuk mencapai keserasian: anda boleh menggunakan "babel-loader" untuk menyusun kod es6 ke dalam es5 untuk pelaksanaan dalam ie8; , gunakan " npm install babel-loader" untuk memasang.
Persekitaran pengendalian tutorial ini: sistem Windows 10, ECMAScript versi 6.0, komputer Dell G3.
Adakah es6 serasi dengan ie8?
es6 tidak serasi dengan ie8
Pelayar IE tidak menyokong sintaks ES6, hanya sebahagian daripadanya disokong dalam IE10 dan IE11 ES6 API, jadi apabila menggunakan ES6 dalam pelayar IE, anda perlu menyusun kod ES6 ke dalam ES5 sebelum ia boleh dilaksanakan. Kaedahnya juga sangat mudah, hanya gunakan babel-loader.
Pada masa ini, sintaks seperti ES6 (ES2015) telah digunakan secara meluas Ia lebih ringkas dan lebih berkuasa Dalam projek sebenar, modul yang menggunakan sintaks ES6 mungkin akan digunakan, tetapi menyemak imbas Sokongan pelayan untuk sintaks ES6. tidak sempurna. Untuk mencapai keserasian, anda perlu menggunakan alat penukaran untuk menukar sintaks ES6 kepada sintaks ES5 ialah alat yang paling biasa digunakan
Kebergantungan yang diperlukan untuk sintaks penukaran babel. :
babel-loader: Bertanggungjawab untuk penukaran sintaks es6
babel-core: pakej babel core
-
babel- preset-env: Beritahu babel peraturan transcoding mana yang hendak digunakan untuk pemprosesan fail
Pasang kebergantungan
npm install babel-loader @babel/core @babel/preset-env --save-dev
Konfigurasikan fail konfigurasi
kecualikan bermaksud tidak mencari fail yang berkaitan dalam direktori yang ditentukan
[Cadangan berkaitan: tutorial video javascript, depan web -akhir]
Atas ialah kandungan terperinci Adakah es6 serasi dengan ie8?. 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.

Stock Market GPT
Penyelidikan pelaburan dikuasakan AI untuk keputusan yang lebih bijak

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)

Dalam ES6, anda boleh menggunakan kaedah reverse() objek tatasusunan untuk mencapai pembalikan tatasusunan Kaedah ini digunakan untuk membalikkan susunan elemen dalam tatasusunan, meletakkan elemen terakhir dahulu dan elemen pertama terakhir .reverse()". Kaedah reverse() akan mengubah suai tatasusunan asal Jika anda tidak mahu mengubah suainya, anda perlu menggunakannya dengan operator pengembangan "..." dan sintaksnya ialah "[...array].reverse() ".

async ialah es7. async dan await ialah penambahan baharu kepada ES7 dan merupakan penyelesaian untuk operasi asynchronous/wait boleh dikatakan sebagai gula sintaktik untuk modul bersama dan fungsi penjana, menyelesaikan kod tak segerak dengan semantik yang lebih jelas. Seperti namanya, async bermaksud "tak segerak".

Untuk keserasian pelayar. Sebagai spesifikasi baharu untuk JS, ES6 menambah banyak sintaks dan API baharu Walau bagaimanapun, penyemak imbas moden tidak mempunyai sokongan tinggi untuk ciri baharu ES6, jadi kod ES6 perlu ditukar kepada kod ES5. Dalam alat pembangun web WeChat, babel digunakan secara lalai untuk menukar kod sintaks ES6 pembangun kepada kod ES5 yang disokong dengan baik oleh ketiga-tiga terminal, membantu pembangun menyelesaikan masalah pembangunan yang disebabkan oleh persekitaran yang berbeza hanya dalam projek Hanya konfigurasi dan semak Pilihan "ES6 hingga ES5".

Langkah-langkah: 1. Tukar dua tatasusunan untuk menetapkan jenis masing-masing, dengan sintaks "newA=new Set(a);newB=new Set(b);" 2. Gunakan has() dan filter() untuk mencari set perbezaan , dengan sintaks " new Set([...newA].filter(x =>!newB.has(x)))", elemen set perbezaan akan dimasukkan dalam koleksi set dan dikembalikan 3. Gunakan Array. daripada untuk menukar set menjadi Jenis tatasusunan, sintaks "Array.from(collection)".

Dalam es5, anda boleh menggunakan fungsi for dan indexOf() untuk mencapai deduplikasi tatasusunan Sintaks "for(i=0;i<array length;i++){a=newArr.indexOf(arr[i]);if(. a== -1){...}}". Dalam es6, anda boleh menggunakan operator spread, Array.from() dan Set untuk mengalih keluar penduaan anda perlu terlebih dahulu menukar tatasusunan menjadi objek Set untuk mengalih keluar pendua, dan kemudian menggunakan fungsi spread atau Array.from() untuk tukar objek Set kembali kepada kumpulan Just.

Tidak, memerlukan sintaks modular bagi spesifikasi CommonJS dan sintaks modular bagi spesifikasi es6 ialah import. memerlukan dimuatkan pada masa jalan, dan import dimuatkan pada masa penyusunan; memerlukan boleh ditulis di mana-mana dalam kod, import hanya boleh ditulis di bahagian atas fail dan tidak boleh digunakan dalam penyataan bersyarat atau skop fungsi diperkenalkan sahaja apabila memerlukan dijalankan Oleh itu, prestasi adalah agak rendah Sifat modul yang diperkenalkan semasa penyusunan import mempunyai prestasi yang lebih tinggi.

Dalam es6, zon mati sementara ialah ralat sintaks, yang merujuk kepada arahan let dan const yang menjadikan blok membentuk skop tertutup. Dalam blok kod, sebelum pembolehubah diisytiharkan menggunakan perintah let/const, pembolehubah tidak tersedia dan tergolong dalam "zon mati" pembolehubah sebelum pembolehubah diisytiharkan ini secara sintaksis dipanggil "zon mati sementara". ES6 menetapkan bahawa promosi pembolehubah tidak berlaku dalam zon mati sementara dan pernyataan let dan const, terutamanya untuk mengurangkan ralat masa jalan dan menghalang pembolehubah daripada digunakan sebelum ia diisytiharkan, yang mungkin membawa kepada tingkah laku yang tidak dijangka.

Dalam es6, anda boleh menggunakan atribut panjang objek tatasusunan untuk menentukan bilangan item yang terdapat dalam tatasusunan, iaitu, untuk mendapatkan bilangan elemen dalam tatasusunan ini boleh mengembalikan bilangan elemen dalam tatasusunan, hanya gunakan pernyataan "array.length" Mengembalikan nilai yang mewakili bilangan elemen objek tatasusunan, iaitu nilai panjang.
