ecmascript 6'da importing mekanizması

Bu yazı ecmascript 6'daki importing mekanizması ile alakalı temel bilgi içermektedir.

Diyelim ki utils.js adında bir dosyanız var. Başka bir dosyada buradaki objeleri kullanmak istiyorsunuz. Yani bir şeyleri içeri aktaracağız.


    //utils.js
    export sunu_yap(){
        console.log('şu');
    }

    export bunu_yap(){
        console.log('bu');
    }
    

Böylece dosya içerisindekindekileri almak için iki yönteme sahip oluyorsunuz.

İlki aşağıdaki gibi, method olarak kullanabilirsiniz.


      import araclarim from 'utils'
      araclarim.sunu_yap();
    

Veya sadece ihtiyacınız olan fonksiyonu dahil edip kullanabilirsiniz.


      import {sunu_yap} from 'utils'
      sunu_yap();
    

Örneğin react-router içerisinden Link componentini şöyle alıyoruz;

import {Link} from 'react-router'

Ayrıca fonksiyonları çoklu olarak getirmek de mümkün;


      import { sunu_yap, bunu_yap } from 'utils';
    

Faydalı olduysa ne mutlu. Görüşmek Üzere.