讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript模块是什么_如何导入导出

夜宇君_3999

夜宇君_3999

发布时间:2025-12-16 21:32:04

|

598人浏览过

|

来源于php中文网

原创

JavaScript模块是封装变量、函数或类的独立代码单元,通过import/export机制交互,避免全局污染;默认严格模式,有独立作用域,仅执行一次;支持命名导出/导入、默认导出/导入、混合导入及整体导入;浏览器需type="module",Node.js需.mjs或"type":"module"。

javascript模块是什么_如何导入导出

JavaScript模块是一段可独立运行、封装了变量、函数或类的代码单元,它通过明确的导入(import)和导出(export)机制与其他代码交互,避免全局污染,提升复用性和可维护性。

模块的基本特征

模块默认是严格模式,顶层的 thisundefined;每个模块拥有自己的作用域,变量不会自动挂到全局;模块只执行一次,多次导入仍共享同一份实例。

如何导出(export)

导出有命名导出和默认导出两种方式,可混合使用:

OC SSH Tunnel Node Recovery
OC SSH Tunnel Node Recovery

诊断并恢复通过 SSH 隧道连接的 OpenClaw 节点。用于解决配对必需错误、隧道冲突、远程端点错误以及 SSH 目标配置错误等问题。

下载
  • 命名导出:一个模块可导出多个值,需用原名或重命名导入
    export const PI = 3.14;
    export function add(a, b) { return a + b; }
    export { add as sum }; // 重命名导出
  • 默认导出:每个模块最多一个,导入时可自定义名称,无需花括号
    export default function greet() { return 'Hello'; }
    export default class User { ... }

如何导入(import)

导入必须在模块顶层(不能在条件或函数内),常见写法如下:

立即学习Java免费学习笔记(深入)”;

  • 导入命名导出:用大括号,名称需与导出一致(可重命名)
    import { PI, add } from './math.js';
    import { add as sum } from './math.js';
  • 导入默认导出:不加花括号,名字任意
    import greet from './utils.js';
    import MyUser from './user.js';
  • 同时导入默认 + 命名:默认放前面,命名放花括号里
    import greet, { PI, add } from './math.js';
  • 整体导入(namespace):把所有导出挂载为对象属性
    import * as math from './math.js';
    console.log(math.PI, math.add(2, 3));

模块加载注意点

浏览器中使用模块需加 type="module"
<script type="module" src="main.js"></script>
Node.js 中需将文件后缀设为 .mjs 或在 package.json 中设置 "type": "module"。动态导入可用 import('./module.js') 返回 Promise,适合按需加载。

基本上就这些。模块不是语法糖,而是 JavaScript 官方标准的组织方式,用对了能让项目结构更清晰、协作更顺畅。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

1935

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2522

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

876

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2799

2025.09.10

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

1858

2023.09.20

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

3036

2024.01.03

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

286

2025.12.06

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

3676

2023.06.20

AI视频生成软件推荐
AI视频生成软件推荐

本专题汇总了当前主流的AI视频生成软件推荐与排行榜单,涵盖seko、AniShort、剧云、Lovart、LiblibAI及立刻mv等热门工具。同时整理了各软件在文生视频、图生视频、时长限制、画质表现及免费额度等方面的差异对比,助您快速选对适合创作需求的AI视频生成工具。

120

2026.09.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 11.8万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn