文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

node中如何使用import语法

2023-07-05 15:18

关注

这篇文章主要介绍了node中如何使用import语法的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇node中如何使用import语法文章都会有所收获,下面我们一起来看看吧。

js模块化

前端主流模块化规范,目前有以下几种:

因此,主流有两种规范CommonJSESM两种规范,但是由于Node.js不支持ESM规范,导致很多时候我们的项目里面并存两种规范的代码,从而出现下面这种情况:

// 在node端执行构建的时候const _ = require('loadsh')// 在浏览器端实现的时候import _ from 'loadsh';

这样子开发就很容易出现痛点,往往我们的解决方案就是通过各种构建工具去解决,如:webpack vite,尤其是我们在写项目中写node.js编译脚本,经常需要切换。【相关教程推荐:nodejs视频教程、编程教学】

但是从Node.js V14+版本后,它开始支持ESM规范啦,你可以直接在Node.js中使用import export等语法了,终于等到这一天?。

PS: 其实早在Node.js V8.5版本就已经加入该特性了,只不过一直需要通过全局变量–experimental-modules去开启这一特性,由于不稳定性大多数项目都没有开启,不过自从16+后,我们就可以大胆放心在项目中使用了,不过一些古老的项目建议暂时不用开启。

怎么使用

我们先从官网上去看相关使用说明:

Node.js 有两个模块规范:CommonJS模块规范 和 ECMAScript模块规范开发者可以通过 .mjs 文件扩展名、package.json中设置type=modulenode xxx.js --input-type 标志告诉 Node.js 使用 ECMAScript规范去执行代码。 如果没这些设置,Node.js 将使用 CommonJS 去执行。Node.js Modules: ECMAScript modules

通过上述我们就可以知道几个使用方式:

各种使用方式

常规方式:

import _ from 'lodash';import { readFile } from 'fs';import Demo from './Demo.mjs'; // 绝对路径或相对路径都可以export readFile;export default readFile;

带参数的使用:

// 由于参数不同, 这个会让`foo.mjs`被加载两次,而不会利用缓存中的`foo.mjs`import './foo.mjs?query=1'; // loads ./foo.mjs with query of "?query=1"import './foo.mjs?query=2'; // loads ./foo.mjs with query of "?query=2"

支持data:格式URL的形式

import 'data:text/javascript,console.log("hello!");'; // text/javascript 会将后面的内容当成js模块import { test } from 'data:text/javascript,function test(){console.log("test")};export {test};'; // 这里我们是不是扩宽思路,直接加载在线js呢?import _ from 'data:application/json,"world!"' assert { type: 'json' }; // application/json 则是json// application/wasm for Wasm

assert断言(实验特性)将文件强制加载为某种格式内容,如:json javascript webassembly

import fooData from './foo.json' assert { type: 'json' };

加载commonjs规范模块

当然肯定也支持加载commonjs规范的模块,用法如下:

import { default as cjs } from 'cjs'; // module.exports 导出import cjsSugar from 'cjs'; // module.exportsimport * as m from 'cjs';

import() 异步导入这种用法就很正常,不需要实时加载,等到需要用的时候再加载

const { default: barData } =  await import('./bar.json', { assert: { type: 'json' } });

支持从http/https引入(实验特性)

目前属于实验特性,有限制,比如:

import worker_threads from 'node:worker_threads';import { configure, resize } from 'https://example.com/imagelib.mjs';configure({ worker_threads });

限制

唯一的限制:当开启ESM规范后,你只允许填写importexport,不允许使用requiremodule.exports,会报一下错误:

const a  = require('a')           ^ReferenceError: require is not defined in ES module scope, you can use import instead    at file:///Users/borfyqiu/Desktop/study/github/qiubohong.github.io/code/demo-rollup/test.mjs:4:12    at ModuleJob.run (node:internal/modules/esm/module_job:193:25)    at async Promise.all (index 0)    at async ESMLoader.import (node:internal/modules/esm/loader:530:24)    at async loadESM (node:internal/process/esm_loader:91:5)    at async handleMainPromise (node:internal/modules/run_main:65:12)

关于“node中如何使用import语法”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“node中如何使用import语法”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯