본문 바로가기
WEB/JavaScript

[JS] import

by DeveloperCat 2023. 10. 23.
반응형

자바스크립에서 외부 스크립트 또는 외부 모듈의 export 함수, 객체를 가져오는데 사용됩니다.

 

 

모듈 전체 가져오기

import * as myModule from "my-module.js";

멤버 가져오기

import {foo, bar} from"my-module.js";

다른 이름으로 멤버 가져오기

import {reallyReallyLongModuleMemberName as shortName} from "my-module.js";

import {reallyReallyLongModuleMemberName as shortName, anotherLongModuleName as short} from "my-module.js";

바인딩 없이 모듈만 실행하기

단순히 특정 모듈을 불러와 실행만  목적이라면, import 사용하는 것이 좋습니다.

import "my-module.js";

default export  가져오기

import ipads from '../data/ipads.js'

import navigations from '../data/navigations.js'
반응형

'WEB > JavaScript' 카테고리의 다른 글

[JS] […]  (0) 2023.10.23
[JS] stopPropagation  (0) 2023.10.23
[JavaScript] 유튜뷰  (0) 2023.10.22
[JavaScript] 날짜  (0) 2023.10.22
[JS] 함수  (0) 2023.10.22