【ES6】require、export和import的用法

这篇具有很好参考价值的文章主要介绍了【ES6】require、export和import的用法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在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,输出:
【ES6】require、export和import的用法,前端,es6,前端,ecmascript

在上面的代码中,我们使用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的函数。现在,我们就可以直接使用该函数了。文章来源地址https://www.toymoban.com/news/detail-694842.html

到了这里,关于【ES6】require、export和import的用法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • es6动态模块import()

    目录 一、语法说明 二、适用场合 三、注意点 四、示例代码 五、效果 import 命令会被 JavaScript 引擎静态分析,先于模块内的其他语句执行( import 命令叫做“连接” binding 其实更合适)。 上面代码中,引擎处理 import 语句是在编译时,这时不会去分析或执行 if 语句,所以 i

    2024年02月13日
    浏览(25)
  • ES6(ECMAScript 2015)有哪些新属性,如何判断当前浏览器是否支持?

    ES6(ECMAScript 2015)引入了许多新的语法和特性,以增强 JavaScript 编程语言的功能。以下是一些常见的 ES6 语法和特性以及它们的解释: let 和 const 声明 : let 和 const 用于声明变量,代替了旧的 var 。 let 声明的变量具有块级作用域,而 const 声明的变量是不可变的(常量

    2024年02月07日
    浏览(42)
  • import后加不加{}的区别(es6引用)

    目录 背景: 1.不加{} 2.加{} 总结: ES6使用import引入定义模块时加不加花括号: export及export default的区别: 背景: 当需要在main.js中引入A.js 1.不加{} 这种引入方法,A.js文件中需要提供默认的 export defulat导出 ( 必须是默认导出 ), 这样在main.js文件中才可以使用A 2.加{} 这种引

    2024年02月04日
    浏览(28)
  • 【ES】笔记-ES6的函数rest参数用法

    es6中引入了rest参数,样式形如…xxx,用于获取函数的多余参数,这样就不需要使用arguments对象了。rest参数搭配的一个变量是一个数组,该变量将多余的参数放入数组中。例如: 上面代码的add函数是一个求和函数,利用rest参数,可以向该函数传入任意数目的参数。 下面是一

    2024年02月13日
    浏览(29)
  • 【ES6】Promise.all用法

    Promise.all()方法用于将多个 Promise 实例,包装成一个新的 Promise 实例。 上面代码中,Promise.all()方法接受一个数组作为参数,p1、p2、p3都是 Promise 实例,如果不是,就会先调用下面讲到的Promise.resolve方法,将参数转为 Promise 实例,再进一步处理。另外,Promise.all()方法的参数可以

    2024年02月09日
    浏览(26)
  • ES6-ES13用法(高频面试题)

    1. ES6新增的方法 let和const,解构赋值、模板字符串、箭头函数。 Symbol、Map、Set三种常用的数据类型。 Proxy重新定义了数据劫持的能力 Reflect定义了一套标准化的数据操作的方式 Promise确实的解决了异步逻辑嵌套及回调地狱问题。定义了异步逻辑的三种状态pending、rejected、full

    2024年01月25日
    浏览(27)
  • 【ES6】Promise.race的用法

    Promise.race()方法同样是将多个 Promise 实例,包装成一个新的 Promise 实例。 上面代码中,只要p1、p2、p3之中有一个实例率先改变状态,p的状态就跟着改变。那个率先改变的 Promise 实例的返回值,就传递给p的回调函数。 Promise.race()方法的参数与Promise.all()方法一样,如果不是 Pr

    2024年02月10日
    浏览(25)
  • 【ES6】Promise.allSettled的用法

    Promise.allSettled() 是一个Promise方法,用于处理一个Promise数组,返回一个新的Promise数组,每个元素对应原始Promise的状态。这个方法可以用于处理多个异步操作,并且能够获取每个操作的结果和状态。 下面是Promise.allSettled()的详细代码示例: 输出结果: 在上面的代码中,我们创

    2024年02月10日
    浏览(29)
  • ES6 new Map() 的用法

    一. 简介: Map是一个 类似于对象 的数据类型 与常规对象和Array不同的是,它是“键控集合“ 它的行为有稍许不同,并且在特定的上下文中使用,它可以提供相当大的性能优势 二. 案例 1. 定义Map 语法一:构造函数--声明时赋值         参数:a. 必须是二维数组, b.二维数

    2024年02月06日
    浏览(26)
  • ES6: Symbol概念与用法举例

    概念: ES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值。 1- 使用Symbol作为对象属性名 举例理解: a.给对象添加独一无二的属性 b. 便于定义公共库 这里封装属性和方法时, 全部采取Symbol类型, 这样别人就算往里面加name、age等同名的属性或方法, 也不会影响对象原本使

    2024年02月15日
    浏览(22)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包