Rumah > hujung hadapan web > tutorial js > Import ES6: Pendakap Kerinting – Bila Perlu Menggunakannya dan Bila Tidak?

Import ES6: Pendakap Kerinting – Bila Perlu Menggunakannya dan Bila Tidak?

Mary-Kate Olsen
Lepaskan: 2024-12-14 01:53:09
asal
764 orang telah melayarinya

ES6 Imports: Curly Braces – When to Use Them and When Not To?

Pendakap Kerinting ES6 dalam Import Modul Tunggal: Bila Perlu Digunakan

Apabila mengimport satu modul dalam ES6, adalah penting untuk memahami perbezaannya antara import lalai dan import bernama, yang menentukan penggunaan kerinting pendakap.

Import Lalai (Tanpa Pendakap Kerinting)

Import lalai digunakan apabila modul yang dieksport mempunyai satu nilai eksport lalai. Nilai ini diimport terus tanpa pendakap kerinting, seperti yang dilihat dalam contoh yang diberikan:

import initialState from './todoInitialState';
Salin selepas log masuk

Dalam kes ini, modul initialState.js mempunyai eksport lalai bernama initialState. Eksport lalai ini kemudiannya diimport terus menggunakan import initialState daripada ....

Named Imports (Dengan Curly Braces)

Named imports digunakan apabila modul yang dieksport mengandungi nama eksport, yang merupakan eksport khusus dengan pengecam bernama. Untuk mengimport eksport bernama, pendakap kerinting digunakan, seperti dalam:

import { A } from './A';
Salin selepas log masuk

Di sini, modul A mengandungi eksport bernama A, yang diimport menggunakan pendakap kerinting.

Bila Perlu Menggunakan Pendakap Kerinting

Pendakap Kerinting digunakan apabila mengimport eksport bernama, di mana khusus dinamakan pengecam dieksport daripada modul. Dalam contoh yang diberikan, menggunakan pendakap kerinting untuk mengimport initialState membawa kepada ralat kerana initialState ialah eksport lalai, bukan eksport bernama.

Bila Tidak Menggunakan Kurung Kerinting

Pendakap kerinting tidak digunakan apabila mengimport eksport lalai. Eksport lalai tidak mempunyai pengecam khusus dan boleh diimport terus tanpa pendakap kerinting, seperti yang dilihat dalam contoh import initialState dari ....

Ringkasnya, pendakap kerinting dalam import modul ES6 menunjukkan bahawa eksport bernama sedang diimport. Eksport lalai tidak menggunakan pendakap kerinting dan diimport terus dengan nama eksport lalainya.

Atas ialah kandungan terperinci Import ES6: Pendakap Kerinting – Bila Perlu Menggunakannya dan Bila Tidak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan