File: SafeString.js
// Build out our basic SafeString type
function SafeString(string) {
this.string = string;
}
SafeString.prototype.toString = function() {
return "" + this.string;
};
export default SafeString;
Saya belum pernah melihat export default
sebelumnya. Apakah ada hal yang setara untuk export default
itu yang lebih mudah dimengerti?
javascript
node.js
ecmascript-6
damphat
sumber
sumber
export
detail kata kunci di sini . Saat ini tidak didukung secara native oleh browser web mana pun.Jawaban:
Itu bagian dari sistem modul ES6, dijelaskan di sini . Ada contoh bermanfaat dalam dokumentasi itu, juga:
Pembaruan: Pada Juni 2015, sistem modul didefinisikan dalam §15.2 dan
export
sintaksis secara khusus didefinisikan dalam §15.2.3 dari spesifikasi ECMAScript 2015.sumber
export const Foo = () => {}
dan kemudian pada akhir fileexport default Foo
saya melihat ini di banyak contoh reaksi. Ada apa dengan dua ekspor?import foo, { bar, baz } from './foo';
import foo from "foo"
? Apakah ada objek yang menahan foo, karena pada contoh pertama fungsi yang diekspor tidak disebutkan namanya. @pswgexport default
digunakan untuk mengekspor satu kelas, fungsi atau primitif dari file skrip.Ekspor juga dapat ditulis sebagai
Ini digunakan untuk mengimpor fungsi ini dalam file skrip lain
Katakan di app.js , Anda bisa
Sedikit tentang ekspor
Seperti namanya, ini digunakan untuk mengekspor fungsi, objek, kelas atau ekspresi dari file skrip atau modul
Utiliites.js
Ini dapat diimpor dan digunakan sebagai
App.js
Atau
Ketika standar ekspor digunakan, ini jauh lebih sederhana. File skrip hanya mengekspor satu hal. cube.js
dan digunakan sebagai App.js
sumber
export default function(){}
dapat digunakan saat fungsi tidak memiliki nama. Hanya ada satu ekspor standar dalam file. Alternatifnya adalah ekspor bernama.Halaman ini menjelaskan
export default
secara mendetail serta perincian lainnya tentang modul yang menurut saya sangat membantu.sumber
default
artinya dan bagi saya pertanyaannya adalah tentang kata ini.default
artinya, karena ekspor default dapat diimpor tanpa menggunakan kawat gigi. Jawaban ini sebenarnya sangat salah karena dikatakan Anda hanya dapat menggunakandefault
ketika hanya ada satu ekspor dalam file, yang tidak benar sama sekali. Anda dapat memiliki beberapa ekspor dalam file yang sama, tetapi tentu saja hanya 1 yang dapat ditetapkan sebagaidefault
satu.Saya menulis posting ini karena (saya menganggap saya lelah) saya tidak mengerti atau MDN, atau deskripsi orang lain dan cara terbaik untuk memahami sesuatu adalah dengan mengajarkannya kepada orang lain. Hanya saja saya tidak melihat jawaban sederhana dari pertanyaan itu.
Saya akan menggambarkan garis ini dengan contoh sederhana.
Katakanlah kita memiliki 3 modul dan index.html:
modul.js
modul2.js
modul3.js
index.html
Outputnya adalah:
Jadi penjelasan yang lebih panjang adalah :
'export default' digunakan jika Anda ingin mengekspor satu hal untuk sebuah modul.
Jadi hal yang penting adalah "impor blabla dari './modul3.js'" - kita bisa mengatakan sebaliknya:
"impor pamelanderson dari './modul3.js" dan kemudian pamelanderson (); Ini akan berfungsi dengan baik ketika kita menggunakan 'default ekspor' dan pada dasarnya ini dia - memungkinkan kita untuk menamainya apa pun yang kita suka ketika itu default .
Ps Jika Anda ingin menguji contoh - membuat file terlebih dahulu, maka izinkan CORS di browser -> jika Anda menggunakan tipe firefox di url browser: about: config -> Search for "privacy.file_unique_origin" -> ubah ke "false" -> open index.html -> tekan F12 untuk membuka konsol dan lihat hasilnya -> Nikmati dan jangan lupa untuk mengembalikan pengaturan kors ke default.
Ps2 Maaf untuk penamaan variabel konyol
Info lebih lanjut @ link2medium , link2mdn1 , link2mdn2
sumber
Seperti yang dijelaskan di halaman MDN ini
Sebagai contoh:
sumber
Menurut pendapat saya yang penting tentang ekspor default adalah, bahwa BISA diimpor dengan nama APAPUN!
jika ada file foo.js yang mengekspor default:
itu dapat diimpor di bar.js menggunakan:
sumber
Ekspor Bernama
Ekspor Default
// Anda dapat menggunakan nama yang berbeda untuk impor default
sumber
standar ekspor digunakan untuk mengekspor satu kelas, fungsi atau primitif.
ekspor fungsi default () {} dapat digunakan ketika fungsi tidak memiliki nama. Hanya ada satu ekspor standar dalam file.
Baca lebih banyak
sumber