当前位置: 首页 > news >正文

如何在一个 JavaScript 文件中引入另一个 JavaScript 文件

在早期版本的 JavaScript 中,没有提供原生的模块导入功能,因此开发者们尝试过各种不同的方法来解决这个问题。然而,自 2015 年 (ES6) 以来,JavaScript 引入了 ES6 模块标准,这使得在 Node.js 中导入模块变得更加规范。现代浏览器也广泛支持这一标准。

为了与旧版浏览器兼容,可以使用例如 Webpack 和 Rollup 这样的构建工具,或使用 Babel 这样的转译工具。

ES6 模块

自 Node.js v8.5 起,ECMAScript (ES6) 模块已经得到支持,当时需要使用 --experimental-modules 标志。而在至少 Node.js v13.8.0 之后,这一功能不再需要额外的标志。在 package.json 中使用 "type": "module" 或将文件扩展名更改为 .mjs,都可以启用 ESM(ES 模块)。

使用 package.json 配置模块类型

package.json 中添加如下配置:

{"type": "module"
}

然后在 module.js 文件中:

export function hello() {return "Hello";
}

main.js 文件中:

import { hello } from './module.js';
let val = hello();  // val 是 "Hello"

使用 .mjs 扩展名

若使用 .mjs 扩展名,在 module.mjs 文件中:

export function hello() {return "Hello";
}

main.mjs 文件中:

import { hello } from './module.mjs';
let val = hello
http://www.lryc.cn/news/357416.html

相关文章:

  • 2024最新 Jenkins + Docker实战教程(七)- Jenkins实现远程传输和自动部署
  • WWW24因果论文(1/8) | 利用强化学习(智能体)进行因果问答
  • 比较kube-proxy模式:iptables还是IPVS?
  • CSS:浮动
  • SQL 语言:嵌入式 SQL 和动态 SQL
  • Java Object类方法介绍
  • 2024 京麟ctf -MazeCodeV1
  • 计算机网络基础 - 计算机网络和因特网(1)
  • 自学动态规划——零钱兑换
  • kafka单机安装及性能测试
  • 2024.05.29学习记录
  • 6.10 Libbpf-bootstrap(一,简介)
  • 2.1.2 基于配置方式使用MyBatis
  • 使用NuScenes数据集生成ROS Bag文件:深度学习与机器人操作的桥梁
  • 氢燃料电池汽车行业发展
  • Linux服务器配置ssh证书登录
  • 端口扫描利器--nmap
  • React基础知识笔记
  • 筛选的艺术:数组元素的精确提取
  • SQLServer2022新特性JSON_PATH_EXISTS测试输入 JSON 字符串中是否存在指定的 SQL/JSON 路径
  • 力扣:104. 二叉树的最大深度
  • 嵌入式0基础开始学习 ⅠC语言(3)分支结构
  • 设计模式21——命令模式
  • 虚拟机报错:VMX 进程已提前退出。VMware Workstation 无法连接到虚拟机。
  • P2341 受欢迎的牛
  • Linux系统编程(五)多线程
  • HTTP Basic Access Authentication Schema
  • #职场发展#其他
  • 【Text2SQL 论文】评估 ChatGPT 的 zero-shot Text2SQL 能力
  • 安卓手机APP开发___设置闹钟