Menu
CoddyTech

使用 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;
}
challenge icon

挑战

简单

你有两个文件 main.js 和 weather-utils.js。你的任务是:

  1. 在 weather-utils.js中:添加 export 关键字,让其他文件也能使用 getWeatherMessage 函数
  2. 在 main.js中:使用温度 15 调用导入的 getWeatherMessage 函数,并用 console.log 输出结果

亲手试试

import { getWeatherMessage } from './weather-utils.js';

// TODO: 调用 getWeatherMessage 函数,传入温度 15,并用 console.log 打印结果
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

面向对象编程中的所有课

自己练习: JavaScript 在线编译器