import deyimi
Named ve default import ile modülden değerleri içe aktarmayı öğrenirsin.
import deyimi
Bir modülden değer içe aktarmak için import deyimini kullanırsın. Named export'ları süslü parantezle, isimleriyle alırsın.
import { add, subtract } from './calc.js';Dosya yolu ./ ile başlarsa aynı klasördeki dosyayı ifade eder. Noktalı virgül ile bitirmek iyi bir alışkanlıktır.
İçe aktardıktan sonra bu değerleri aynı dosyadaki gibi kullanabilirsin.
Default import
Default export'u içe aktarırken süslü parantez kullanmazsın; ismi sen seçersin.
import calculate from './calc.js';Named ve default import'u tek satırda birleştirebilirsin:
import calculate, { add, subtract } from './calc.js';Sadece yan etki için modülü çalıştırmak istersen import './setup.js'; yazman yeter.
Uygulama Named import ve çağrı
./calc.js modülünden add ve subtract değerlerini named import ile içe aktar. Sonra add(2, 3) sonucunu console.log ile yazdır.
Örnek çözümü göster
Süslü parantez içinde add ve subtract yaz, yolu './calc.js' ver. Sonra add'i çağır.
Örnek çözüm:
import { add, subtract } from './calc.js';
console.log(add(2, 3));
Kendini test et
-
import { add } from './calc.js' neyi içe aktarır?
import { add } from './calc.js';- default dışa aktarımı
- tüm modülü
- dosyanın kendisini
- add adlı named dışa aktarımı
Cevabı göster
add adlı named dışa aktarımı — Doğru! Süslü parantez named export'u belirtir.
-
Named import'u tamamla
import { ____ } from './calc.js';Cevabı göster
import { add } from './calc.js'; -
İçe aktarım türlerini eşleştir
- import { x }
- named içe aktar
- import x
- default içe aktar
- import './f.js'
- yan etki için
- from './f.js'
- kaynak dosya
-
Default import'u tamamla
import ____ from './calc.js';Cevabı göster
import calculate from './calc.js';