10、JavaScript与TypeScript开发基础：模块使用与编译器配置

JavaScript与TypeScript开发基础：模块使用与编译器配置

1. JavaScript模块位置解析

模块的位置决定了JavaScript运行时查找模块代码文件的路径。对于项目中定义的模块，其位置以相对路径指定，通常以一个或两个点开头，表示该路径相对于当前文件或当前文件的父目录。例如：

import calcTax from "./tax";

此位置告知构建工具依赖于 tax 模块，该模块与包含导入语句的文件位于同一文件夹中，且位置中不包含文件扩展名。

若省略初始的点，则导入语句声明依赖的模块不在本地项目中。搜索该模块的位置会因所使用的应用框架和构建工具而异，但最常见的搜索位置是 node_modules 文件夹，项目设置期间会在此安装包，用于访问第三方包提供的功能。例如：

import React, { Component } from "react";

此导入语句的位置不以点开头，将被解释为依赖项目 node_modules 文件夹中的 react 模块，该包提供了核心的React应用功能。

2. 模块中命名特性的导出与导入

模块可以为其导出的特性指定名称。例如，在 tax.js 文件中导出一个命名函数：