Rumah > hujung hadapan web > tutorial js > Apakah perbezaan antara es6 dan es5

Apakah perbezaan antara es6 dan es5

青灯夜游
Lepaskan: 2022-10-14 17:33:16
asal
24143 orang telah melayarinya

Perbezaan: 1. es6 mempunyai fungsi anak panah baharu, es5 tidak; 2. ES6 mempunyai skop peringkat blok baharu, es5 tidak; 3. ES6 memperkenalkan konsep Kelas dan tidak lagi menggunakan prototaip rantaian seperti ES5 Laksanakan warisan; 4. Parameter fungsi lalai boleh ditetapkan dalam ES6, tetapi tidak dalam es5. Ciri janji ditambahkan dalam ES6.

Apakah perbezaan antara es6 dan es5

Persekitaran pengendalian tutorial ini: sistem windows7, versi ECMAScript 5&&ECMAScript 6, Dell G3 komputer.

Berbanding dengan ES5, ES6 mempunyai banyak perkara baharu, seperti:

1 Fungsi anak panah baharu

Masalah yang diselesaikan dengan fungsi anak panah

  • Permudahkan penulisan. Fungsi anak panah sesuai apabila badan fungsi hanya mempunyai satu baris apabila terdapat berbilang baris, fungsi biasa boleh digunakan untuk meningkatkan kebolehbacaan. Kurang pengekodan, struktur yang jelas

  • Kosongkan ini. JS tradisional ini ditentukan pada masa jalan, bukan pada definisi manakala fungsi anak panah ini ditentukan pada definisi dan tidak boleh diubah, dan ia juga tidak boleh diubah suai dengan kaedah seperti memanggil, memohon dan mengikat. Jelaskan kepada siapa ini dituju semasa masa jalan dan tidak perlu menentukan perkara ini dituju semasa masa jalan                                 Ini ialah fungsi sebelumnya yang bukan fungsi anak panah. Kerana mekanisme js, ia menunjuk kepada skop fungsi yang bukan fungsi anak panah.

Perbezaan antara fungsi anak panah dan fungsi biasa

    Pengisytiharan fungsi biasa adalah yang tertinggi dalam promosi boleh ubah, arrow Fungsi tidak mempunyai
  • promosi fungsi

  • Fungsi anak panah tidak mempunyai
  • ini, ini di dalam badan fungsi Objek ialah objek di mana ia ditakrifkan, bukan objek di mana ia digunakan

  • Fungsi anak panah tidak mempunyai
  • argumen objek. Objek tidak wujud dalam badan fungsi Jika anda ingin menggunakan , anda boleh menggunakan parameter rehat

    fungsi anak panah
  • tidak boleh digunakan sebagai pembina
  • , tidak boleh digunakan oleh baru, tiada harta

  • Kaedah panggilan dan guna
  • hanya mempunyai parameter dan tiada skop

  • Anda tidak boleh menggunakan arahan hasil
  • , jadi fungsi anak panah tidak boleh digunakan sebagai fungsi penjana

skop peringkat blok

Arahan let dalam ES6 mengisytiharkan pembolehubah, dan penggunaannya serupa dengan var , tetapi mari tambahkan skop peringkat blok baharu pada JavaScript. Tiada tahap blok skop dalam ES5, dan var mempunyai konsep promosi pembolehubah, tetapi dalam let, pembolehubah yang digunakan mesti diisytiharkan; [a,b,c] = [0,1,2];
  • 3 Warisan kelas

ES6 tidak lagi menggunakan rantaian prototaip untuk melaksanakan warisan seperti ES5, tetapi memperkenalkan konsep Kelas, yang bunyinya serupa dengan pengaturcaraan berorientasikan objek dalam Java Sintaksnya agak serupa, tetapi kedua-duanya berbeza.

4. Tetapkan parameter fungsi lalai

Parameter fungsi lalai boleh ditetapkan dalam ES6, seperti fungsi A (x, y=9) {} ;

5 janji

latar belakang generasi janji: menyelesaikan masalah neraka panggil balik dan memproses permintaan tak segerak

janji penggunaan: rantai Jenis panggilan, panggilan balik kejayaan dan kegagalan, tiga keadaan, dicetuskan apabila keadaan belum selesai berubah. Apabila status berubah, ia tidak akan berubah lagi.

6. Rentetan templat

7 Struktur tugasan

[Pembelajaran yang disyorkan:

Tutorial JavaScript Lanjutan]

Atas ialah kandungan terperinci Apakah perbezaan antara es6 dan es5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan