【ES6】require、export和import的用法

news/2024/7/10 23:46:04 标签: es6, 前端, ecmascript

在JavaScript中,require、export和import是Node.js的模块系统中的关键字,用于处理模块间的依赖关系。

1、require:这是Node.js中引入模块的方法。当你需要使用其他模块提供的功能时,可以使用require关键字来引入该模块。例如:

common.js

const name = 'kexuexiong';


var kexuexiongNamePrint = function(){
    console.log('kexuexiong-print');
}

module.exports = {name,kexuexiongNamePrint};
 var {name,kexuexiongNamePrint}  = require('./common.js');
console.log(name);
kexuexiongNamePrint();

运行node .\demo.js,输出:
在这里插入图片描述

在上面的代码中,我们使用require关键字引入了一个名为common.js的模块,并将其赋值给变量name、kexuexiongNamePrint。现在,我们就可以使用name、kexuexiongNamePrint变量来访问该模块提供的功能了。

2、export:这是Node.js中导出模块的方法。当你需要让其他模块能够使用你编写的模块提供的功能时,可以使用export关键字将某些功能导出。例如:

common.js

const name = 'kexuexiong';


var kexuexiongNamePrint = function(){
    console.log('kexuexiong-print');
}

module.exports = {name,kexuexiongNamePrint};

在上面的代码中,我们定义了name,kexuexiongNamePrint,并将其赋值给module.exports。这样,其他模块就可以使用require关键字引入该模块,并使用name,kexuexiongNamePrint变量和函数。

3、import:这是ES6中引入模块的方法。与Node.js的require不同,ES6的import主要用于在浏览器端引入模块。例如:
import { functionName } from './module.js';

在上面的代码中,我们使用import关键字从名为module.js的模块中引入了一个名为functionName的函数。现在,我们就可以直接使用该函数了。


http://www.niftyadmin.cn/n/5000820.html

相关文章

LeetCode 剑指offer 09.用两个栈实现队列

LeetCode 剑指offer 09.用两个栈实现队列 题目描述 用两个栈实现一个队列。队列的声明如下,请实现它的两个函数 appendTail 和 deleteHead ,分别完成在队列尾部插入整数和在队列头部删除整数的功能。(若队列中没有元素,deleteHead 操作返回…

h5开发网站-css实现页面的背景固定定位

一、需求&#xff1a; 在页面滚动时&#xff0c;背景图片保持不变&#xff0c;而不是跟随滚动。 二、解决方式&#xff1a; 使用背景固定定位&#xff0c;只需要在CSS中增加一个background-attachment: fixed;属性即可。 具体代码&#xff1a; <div class"item_right…

MediaBox助力企业一站式获取音视频能力

以一只音视频百宝箱&#xff0c;应对「千行千面」。 洪炳峰、楚佩斯&#xff5c;作者 大家好&#xff0c;今天我分享的主题是MediaBox——行业音视频数字化再加速。 根据权威数据表明&#xff0c;65%的行业数字化信息来自视频&#xff0c;基于此&#xff0c;音视频技术对于行…

天软高频因子日内及隔夜动量因子

天软因子序列课程再次启动&#xff0c;本周四&#xff08;9月7日&#xff09;下午4点相约腾讯会议&#xff0c;可直接扫描下方二维码&#xff0c;欢迎大家参会&#xff01; 本次会议主要内容有&#xff1a; 1.介绍日内及隔夜动量因子的构造逻辑&#xff0c;如何选择市 场代理变…

Win11 任务栏图标变成空白方块解决办法

1.快捷键 WinR&#xff0c;在打开的运行窗口中输入 %localappdata%&#xff0c;回车。 2.在打开的文件夹中&#xff0c;勾选显示隐藏的项目&#xff0c;找到 Iconcache.db&#xff0c;将其删除。 3.打开“任务管理器”&#xff0c;找到“Windows资源管理器”&#xff0c;右击“…

分享2款微课录制软件,保证让你满意!

“录微课用什么软件呀&#xff0c;真的服了&#xff0c;平台自带的录屏画质太差了&#xff0c;完全看不清讲的内容&#xff0c;而且音质也不是很好&#xff0c;大家有没有微课录制的软件推荐&#xff0c;谢谢啦” 随着教育方式的转型和技术的发展&#xff0c;微课程成为了一种…

Python Tkinter Multiple Windows 教程

一、说明 在这个Python Tkinter教程中&#xff0c;我们将学习如何在Python Tkinter中创建多个窗口&#xff0c;我们还将介绍与多个窗口相关的不同示例。而且&#xff0c;我们将介绍这些主题。 Python Tkinter multiple windows使用多个窗口的 Python Tkinter 用户注册Python Tk…

本地缓存Caffeine的缓存过期淘汰策略

本地缓存是一种将数据存储在应用程序的内存中&#xff0c;以加速数据访问的技术。缓存的数据可以是频繁访问的数据&#xff0c;以减少对慢速数据源&#xff08;如数据库或网络&#xff09;的访问。缓存通常有一些缓存过期淘汰策略&#xff0c;以确保缓存中的数据保持最新和有效…