CodeBlanks Logo Icon CodeBlanks

import deyimi

JavaScript kursu · Orta seviye · Ders 127/134

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

  1. 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.

  2. Named import'u tamamla

    import { ____ } from './calc.js';
    Cevabı göster
    import { add } from './calc.js';
  3. İç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
  4. Default import'u tamamla

    import ____ from './calc.js';
    Cevabı göster
    import calculate from './calc.js';

Orta seviye bölümündeki tüm dersler