자바스크립트 모듈

모듈은 Javascript Es6 기능일 뿐입니다. 자바스크립트 파일 내에서 변수, 함수, 배열, 객체와 같은 스크립트는 현재 파일 외부에 액세스 권한을 부여할 수 있습니다. 이것은 모든 씬이 각각 하나의 모듈입니다. 이 현재 파일에 액세스하려면 가져오기 및 내보내기를 사용해야 합니다.
이 모듈의 현재 파일 외부에 액세스 권한을 부여하려는 모듈은 export 키워드를 사용해야 합니다. import 키워드를 사용해야 하는 이 모듈에 액세스해야 하는 내부 파일. 아래 코드를 확인하여 어떻게 되는지 알 수 있습니다.

// play1.js
export let x = 'my name';
export let y = 'my hope';

// play2.js
import {x,y} from 'play1.js';
// import {x as V,y} from 'play1.js'; we can change the accesss //variable but same value we will get.
// import * everythins from './play1.js'; // we can access all //data using *

console.log(x); 

// default export
// play1.js
export let x = 'my name';
let y = 'my hope';
default y;

// play2.js
import DefaultEx ,{y} from 'play1.js';

console.log(x); 

// the condition is before using module ensures
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kxtzzygd4f23kje0bvz3.jpeg) the same file is
//linked. If it using the vanilla js needs to use package.js
 with module enable code. 


기본 내보내기를 사용하려면 기본 키워드를 사용해야 하지만 정의된 동일한 줄을 사용하지 않습니다. 코드 예제와 같이 코드를 정의한 후 사용해야 합니다.
기본 내보내기 후에 가져오기 내부에 액세스 이름을 정의할 수 있습니다. 그리고 기본적으로 여기에 저장됩니다. 우리는 특정 이름을 부를 필요가 없습니다. *를 사용하여 모든 것에 접근할 수 있습니다.

좋은 웹페이지 즐겨찾기