export로 내보내기
Coddy JavaScript 여정의 객체 지향 프로그래밍 섹션에 포함된 레슨 — 56개 중 8번째.
여러 파일에 걸쳐 JavaScript 코드를 구성할 때, export 키워드를 사용하면 함수, 변수 및 기타 코드를 노출하여 다른 파일에서 사용할 수 있습니다.
내보내려는 두 개의 간단한 함수를 만들어 보겠습니다:
File: math-utils.js
// 두 수를 더하는 함수
function add(a, b) {
return a + b;
}
// 두 수를 곱하는 함수
function multiply(a, b) {
return a * b;
}
// 다른 파일에서 사용할 수 있도록 함수를 내보냅니다
export { add, multiply };또는 다음과 같이 인라인 내보내기(inline export) 구문을 사용할 수 있습니다:
File: math-utils.js
// 함수를 직접 내보냅니다
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}
챌린지
쉬움두 개의 파일 <strong>main.js</strong>와 <strong>weather-utils.js</strong>가 있습니다. 당신의 작업은 다음과 같습니다:
<strong>weather-utils.js</strong>에서:getWeatherMessage함수를 다른 파일에서 사용할 수 있도록export키워드를 추가하세요<strong>main.js</strong>에서: 가져온getWeatherMessage함수를 온도 15와 함께 호출하고console.log를 사용하여 결과를 출력하세요
치트 시트
export 키워드를 사용하면 한 파일의 함수, 변수 및 기타 코드를 노출하여 다른 파일에서 사용할 수 있습니다.
파일 끝에 export 문을 사용하여 함수를 내보낼 수 있습니다:
function add(a, b) {
return a + b;
}
function multiply(a, b) {
return a * b;
}
export { add, multiply };또는 인라인 export 구문을 사용할 수도 있습니다:
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}직접 해보기
import { getWeatherMessage } from './weather-utils.js';
// TODO: 온도를 15로 설정하여 getWeatherMessage 함수를 호출하고 console.log를 사용하여 결과를 출력하세요.
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
