javascript文档、JavaScript文档的扩展名

《javascript文档、JavaScript文档的扩展名》

解决方案简述

当涉及到JavaScript文档时，理解其扩展名及其创建方式是至关重要的。这不仅有助于在项目中正确组织代码文件，还能确保浏览器和其他工具能准确识别和处理这些文件。探讨JavaScript文档的常见扩展名，并提供多种创建和使用JavaScript文档的方法。

JavaScript文档的常见扩展名

JavaScript文件最常用的扩展名是.js。这个简单的后缀标识了文件包含的是JavaScript代码，无论是浏览器端还是服务器端（如Node.js）环境都能识别它。例如，一个名为script.js的文件就明确表示这是一个JavaScript文件。
除了.js，还有其他一些与JavaScript相关的扩展名：
- .mjs：这是ECMAScript模块文件的专用扩展名，在现代JavaScript开发中用于明确区分模块化代码文件。当使用ES6模块语法（如import和export）时，使用.mjs可以避免某些解析问题。
- .cjs：CommonJS模块规范的文件扩展名，主要用于Node.js环境中，以区别于ES模块。

创建JavaScript文档

创建简单`.js`文件

要创建一个普通的JavaScript文件，只需打开文本编辑器（如Notepad++、VS Code等），然后编写JavaScript代码。例如，创建一个名为example.js的文件，内容如下：
```javascript
// example.js
function greet(name) {
console.log("Hello, " + name);
}

greet("World");
保存文件后，可以在HTML文件中通过`<script>`标签引入它：html

Document

</p>

<h3>使用模块化<code>.mjs文件

对于更复杂的项目，特别是需要使用ES6模块特性的项目，可以创建.mjs文件。例如，创建一个名为math.mjs的文件：
```javascript
// math.mjs
export function add(a, b) {
    return a + b;
}

export function subtract(a, b) {
    return a - b;
}

然后在一个HTML文件或者另一个JavaScript文件中导入：
javascript
// main.mjs
import { add, subtract } from './math.mjs';

console.log(add(3, 5));
console.log(subtract(10, 4));