首页 > 其他分享 >ES6模块化和CommonJS模块化

ES6模块化和CommonJS模块化

时间:2022-09-01 21:44:50浏览次数:49  
标签:ES6 CommonJS 模块化 导出 导入 模块

我之前学习模块化的时候,曾在node中使用过,它采用的时CommonJS模块化标准,源自于JavaScript社区自发产生。

CommonJS使用方法为:

导入:require('模块名')

模块对外共享成员使用module.exports对象

 

ES6的模块化规范时浏览器端和服务器端通用的模块化开饭规范,同时ES6模块化使用的关键字import,export,不再使用方法。

 

在node中默认只可以使用CommonJS模块化标准,如果想使用ES6模块化,需要下载版本16以上,并在package.json根节点中添加"type":"module"。

 

在ES6模块化方法主要有三种。

默认导入导出、按需导入导出、直接导入并执行模块中的代码

 

默认导入导出(每个模块只允许默认导出一次)

export default 默认导出的对象

import 接受名称 form '模块标识符(路径)'

 

按需导入导出(每个模块中可以使用多次,导入和导出的成员名称必须一致,可以使用as关键字重命名,按需导入可以和默认导入一起使用)

export 导出成员

import {导入的成员} form '路径标识符'

 

 

直接导入并执行模块中的代码

import '模块路径'

标签:ES6,CommonJS,模块化,导出,导入,模块
From: https://www.cnblogs.com/camboy/p/16647913.html

相关文章

  • 【小工具】es6转换成es5
     2、在项目根目录创建.babelrc文件{"presets":["es2015"],"plugins":[]}  3.1)安装babel-clinpminstall-gbabel-cli3.2)安装bab......
  • Java模块化
    1.Java模块化概述1.1JDK8及以前开发模式每个java文件被明确地放入到一个包中java文件编译后的class文件,可以压缩为jar包,供别的程序调用一个程序可以使用类库,类库通......
  • webpack css-loader模块化导致的antd样式不好用解决方案
    css-loader模块化会导致antd样式文件无效,解决的方式就是排除node_modules下的目标文件就可以如果你用的less就可以按以下方式来配置{test:/\.less$/,inclu......
  • ES6面试点-WEAKMAP与MAP的区别,SET与WEAKSET的区别
    ES6面试点-WEAKMAP与MAP的区别,SET与WEAKSET的区别标签: es6  ES6引入了四种新的数据结构:映射(Map)弱映射(WeakMap)集合(Set)弱集合(WeakSet)一、Object对......
  • es6——Symbol
    1.概述ES5的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin模式),新方法的名字就有可能与现有方法产生......
  • .NET LINQ和es6的对比
    前言前后端采用不同的开发语言,作为后端开发为主的开发人员,了解两种语言的不同点更有助于快速了解和熟悉前端的开发;本编主要是做后端linq和前端es6的对比,了解linq在后端的......
  • 13模块化编程
    1<!doctypehtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<metaname="viewport"6content="width=device-width,user-sca......
  • ES6中的箭头函数与普通函数的区别
    箭头函数与普通函数的区别1、语法上更加简洁、清晰基本语法://关于箭头函数的参数//如果箭头函数没有参数,直接写一个括号即可letfun1=()=>{console.log('111......
  • ES6的class 中 constructor 方法
    ES6 的 class 属于一种“语法糖”,让写法更像面对对象的编程。functionAbc(x,y){this.x=x;this.y=y;}Abc.prototype.add=function(){retur......
  • es6——生成器函数
    文章结构生成器函数的定义与使用给生成器函数传参给生成器函数异步传参生成器函数的应用场景解决回调地域1//生成器函数的定义与使......