Menu
Coddy logo textTech

export ile Dışa Aktarma

Coddy'nin JavaScript Journey'sinin Nesne Yönelimli Programlama bölümünün bir parçası — ders 8 / 56.

JavaScript kodunuzu birden fazla dosya arasında düzenlerken, export anahtar kelimesi; fonksiyonları, değişkenleri ve diğer kodları diğer dosyalarda kullanılabilmeleri için dışa açmanıza olanak tanır.

Dışa aktarmak istediğimiz iki basit fonksiyon oluşturalım:

File: math-utils.js
// İki sayıyı toplayan bir fonksiyon
function add(a, b) {
    return a + b;
}
// İki sayıyı çarpan bir fonksiyon  
function multiply(a, b) {
    return a * b;
}
// Diğer dosyaların kullanabilmesi için fonksiyonları dışa aktar
export { add, multiply };

Alternatif olarak, satır içi dışa aktarma sözdizimini kullanabilirsiniz:

File: math-utils.js
// Fonksiyonları doğrudan dışa aktarın
export function add(a, b) {
    return a + b;
}
export function multiply(a, b) {   
return a * b;
}
challenge icon

Görev

Kolay

İki dosyanız var: <strong>main.js</strong> ve <strong>weather-utils.js</strong>. Göreviniz:

  1. <strong>weather-utils.js</strong> dosyasında: getWeatherMessage fonksiyonunu diğer dosyalar için kullanılabilir hale getirmek için export anahtar kelimesini ekleyin
  2. <strong>main.js</strong> dosyasında: İçe aktarılan getWeatherMessage fonksiyonunu 15 sıcaklık değeriyle çağırın ve sonucu console.log kullanarak yazdırın

Kopya kağıdı

export anahtar kelimesi, fonksiyonları, değişkenleri ve diğer kodları bir dosyadan dışa aktarmanıza olanak tanır, böylece bunlar diğer dosyalarda kullanılabilirler.

Fonksiyonları, dosyanın sonundaki export ifadesini kullanarak dışa aktarabilirsiniz:

function add(a, b) {
    return a + b;
}

function multiply(a, b) {
    return a * b;
}

export { add, multiply };

Alternatif olarak, satır içi (inline) dışa aktarma sözdizimini kullanabilirsiniz:

export function add(a, b) {
    return a + b;
}

export function multiply(a, b) {
    return a * b;
}

Kendin dene

import { getWeatherMessage } from './weather-utils.js';

// YAPILACAK: getWeatherMessage fonksiyonunu 15 sıcaklık değeriyle çağırın ve sonucu console.log kullanarak yazdırın
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Nesne Yönelimli Programlama bölümündeki tüm dersler