使用 export 导出
本课属于 Coddy JavaScript 学习旅程的“面向对象编程”单元。第 8 课,共 56 课。
将 JavaScript 代码拆分到多个文件中时,export 关键字可以让你导出函数、变量和其他代码,以便在其他文件中使用。
让我们创建两个要导出的简单函数:
File: math-utils.js
// 一个将两个数相加的函数
function add(a, b) {
return a + b;
}
// 一个将两个数相乘的函数
function multiply(a, b) {
return a * b;
}
// 导出这些函数,供其他文件使用
export { add, multiply };或者,你也可以使用内联导出语法:
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中:添加export关键字,让其他文件也能使用getWeatherMessage函数 - 在
main.js中:使用温度 15 调用导入的getWeatherMessage函数,并用console.log输出结果
亲手试试
import { getWeatherMessage } from './weather-utils.js';
// TODO: 调用 getWeatherMessage 函数,传入温度 15,并用 console.log 打印结果这节课包含一个小测验。开始学习即可作答,并记录你的进度。
面向对象编程中的所有课
8整理 OOP 代码
将类组织到模块中自己练习: JavaScript 在线编译器