Varsayılan ve Adlandırılmış Dışa Aktarmalar

JavaScript modüllerinde kodunuzu dışa aktarmanın iki temel yolu vardır: adlandırılmış dışa aktarmalar ve varsayılan dışa aktarmalar.

Adlandırılmış Dışa Aktarımlar, bir modülden birden fazla değeri dışa aktarmanıza olanak tanır:

// math.js
export function add(a, b) {
    return a + b;
}
export function subtract(a, b) {
    return a - b;
}

Adlandırılmış dışa aktarımları içe aktarırken süslü parantezlerin içinde tamamen aynı adları kullanmalısınız:

// app.js
import { add, subtract } from './math.js';

console.log(add(5, 3));      // 8
console.log(subtract(10, 4)); // 6

Adlandırılmış bir içe aktarmayı yeniden adlandırmanız gerekiyorsa, bir alias oluşturmak için as anahtar sözcüğünü kullanın:

// app.js
import { add as sum, subtract as minus } from './math.js';

console.log(sum(5, 3));   // 8
console.log(minus(10, 4)); // 6

Varsayılan Dışa Aktarımlar, bir modülden tek bir ana değeri dışa aktarmanıza olanak tanır:

// user.js
const user = {
  name: 'John',
  age: 30
};

export default user;

Varsayılan bir dışa aktarımı içe aktarırken, süslü parantezler olmadan istediğiniz herhangi bir adı kullanabilirsiniz:

// app.js
import person from './user.js';

console.log(person.name); // 'John'

Hangisini ne zaman kullanmalı? Bir modül birden fazla ilişkili yardımcı program (ör. bir yardımcı işlevler koleksiyonu) sağladığında adlandırılmış dışa aktarımları kullanın. Bir modülün tek bir temel amacı veya ana değeri (ör. bir sınıf, bileşen ya da yapılandırma nesnesi) olduğunda varsayılan dışa aktarımı kullanın.

Her iki dışa aktarma türünü de tek bir modülde birleştirebilirsin:

// vehicle.js
export const wheels = 4;
export const doors = 4;

const car = {
  brand: 'Toyota',
  model: 'Corolla'
};

export default car;

Ve bunları birlikte içe aktarın:

// app.js
import myCar, { wheels, doors } from './vehicle.js';

console.log(myCar.brand);  // 'Toyota'
console.log(wheels);       // 4