JavaScript Exports ve Imports (Modules): Kullanımı ve Avantajları

JavaScript'te modülerliği sağlamak için export ve import anahtar kelimeleri kullanılır. Bu anahtar kelimeler sayesinde, bir JavaScript dosyasındaki değişkenleri, fonksiyonları veya sınıfları başka bir dosyada kullanabiliriz. Böylece, kodlarımızı daha okunaklı ve organize hale getirebiliriz. Ayrıca, aynı kodları birden fazla yerde kullanmak yerine, tek bir yerde tanımlayarak, daha az hataya yol açabilecek bir yapıya sahip oluruz.

// dosya1.js
export const name = "John";
export const age = 30;

// dosya2.js
import { name, age } from './dosya1.js';
console.log(name); // "John"
console.log(age); // 30

Bu örnekte, dosya1.js dosyasındaki name ve age değişkenlerini, dosya2.js dosyasından import ediyoruz ve kullanabiliyoruz.

// dosya1.js
export default function sayHello() {
console.log("Hello!");
}

// dosya2.js
import sayHello from './dosya1.js';
sayHello(); // "Hello!"

Bu örnekte, dosya1.js dosyasındaki sayHello fonksiyonunu dosya2.js dosyasından import ediyoruz ve çağırıyoruz.

Sonuç olarak, JavaScript Exports and Imports anahtar kelimeleri, kodlarımızı daha okunaklı ve organize hale getirmek için kullanabileceğimiz önemli araçlardır.Bu anahtar kelimeler sayesinde, aynı kodları birden fazla yerde kullanmak yerine, tek bir yerde tanımlayarak, daha az hataya yol açabilecek bir yapıya sahip oluruz.