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 };또는 인라인 export 구문을 사용할 수 있습니다:
File: math-utils.js
// 함수를 직접 내보내기
export function add(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}챌린지
쉬움두 개의 파일 main.js 과 weather-utils.js가 있습니다. 할 일:
-
weather-utils.js에서: 다른 파일에서도getWeatherMessage함수를 사용할 수 있도록export키워드를 추가하세요 -
main.js에서: 가져온getWeatherMessage함수를 온도 15로 호출하고,console.log를 사용해 결과를 출력하세요
직접 해보기
import { getWeatherMessage } from './weather-utils.js';
// TODO: 온도 15로 getWeatherMessage 함수를 호출하고 console.log를 사용해 결과를 출력하세요이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
객체 지향 프로그래밍의 모든 레슨
직접 연습해 보세요: 온라인 JavaScript 컴파일러