Bolehkah es6 dan es5 dicampur?

es6 dan es5 boleh dicampur dan digunakan; Peningkatan ECMAScript adalah serasi yang mungkin dengan semua versi sebelumnya, iaitu, es6 mengandungi sintaks semua versi terdahulu dan mengekalkan makna yang sama sebanyak mungkin hanya Pada asas asal, beberapa sintaks baharu dilaksanakan menggunakan perkataan simpanan versi sebelumnya, jadi es6 dan es5 boleh dicampur.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi ECMAScript 6.0&&ECMAScript 5.0, komputer Dell G3.

es6 dan es5 boleh dicampur dan digunakan

Hampir semua peningkatan perisian atau protokol untuk orang awam adalah serasi yang mungkin dengan semua versi sebelumnya.

Iaitu, ES6 mengandungi sintaks semua versi sebelumnya dan mengekalkan makna yang sama sebanyak mungkin. Dalam erti kata lain, ES6 hanya menggunakan perkataan terpelihara versi terdahulu untuk melaksanakan beberapa sintaks baharu pada asas asal, dan makna perkara asal kekal tidak berubah.

Perbezaan antara es6 dan es5

Pengenalan pustaka sistem

Es5: Perlu digunakan terlebih dahulu memerlukan import pakej React, menjadi objek, dan kemudian membuat rujukan sebenar

Es6: Anda boleh menggunakan kaedah import untuk melaksanakan rujukan perpustakaan sistem secara langsung, tanpa membuat objek perpustakaan kelas tambahan

Mengeksport dan merujuk kelas tunggal

Es5: Untuk mengeksport kelas untuk digunakan oleh modul lain, ini biasanya dicapai melalui module.exports. Apabila memetik, ia masih diperoleh melalui kaedah memerlukan;

Es6: Anda boleh menggunakan lalai eksport untuk mencapai fungsi yang sama, dan menggunakan kaedah import untuk melaksanakan import

Nota: Import dan eksport Kaedah ES5 dan ES6 muncul secara berpasangan dan tidak boleh dicampur.

Tentukan komponen

Es5: Takrifan kelas komponen dilaksanakan melalui React.createClass;

Es6: Biarkan kelas komponen mewarisi React. Kelas komponen Itu sahaja.

Nota: Dalam ES5, kurungan diperlukan selepas React.createClass, dan mesti ada koma bertitik pada penghujungnya. tambah titik bertitik.

Kaedah takrif dalaman komponen

Es5: Ia menggunakan bentuk ###:function(), dan koma perlu ditambah pada penghujung daripada kaedah pendakap;

Es6: Perenggan [: fungsi] ditinggalkan, dan tidak perlu menambah koma di hujung untuk memisahkannya.

Nota: Jika anda menggunakan peraturan yang ditakrifkan oleh ES6, lapisan luar mesti menggunakan [class #### extend React.Component] untuk mengisytiharkan kelas ini, jika tidak ralat akan dilaporkan.

Tentukan jenis atribut dan atribut lalai komponen

Es5: Jenis atribut dan atribut lalai dilaksanakan melalui ahli propTypes dan kaedah getDefaultProps masing-masing (dua ini kaedah hendaklah Nama tetap);

Es6: Gunakan ahli statik secara seragam untuk melaksanakan.

Initialize STATE

Es5: Kaedah permulaan state ialah getInitialState tetap

Es6: Yang pertama adalah untuk membina terus fungsi state; jenis kedua, yang bersamaan dengan kaedah menulis semula dalam OC, menulis semula kaedah pembina

[Cadangan berkaitan:

tutorial video javascript

, bahagian hadapan web]

Atas ialah kandungan terperinci Bolehkah es6 dan es5 dicampur?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!