export、export default、module.export区别

在es6里面定义模块,导出模块时可以使用export、export default

这2者区别:

在同一个文件里面可以有多个export, 一个文件里面只能有1个export default

 1 //a.js
 2
 3 export const test = ‘aaa‘;
 4
 5 export const a = function(){};
 6
 7
 8 //b.js
 9
10 const test = ‘aaa‘;
11 export default test; 

使用import 引入的方式也有点区别:

使用export时,用import引入相应的模块名字一定要和定义的名字一样,而使用export default时,用import引入模块名字可以不一样。

1 import {test, a} from ‘a‘;
2
3 import aa from ‘b‘;

另外如果使用webpack 的require引入 export default返回的模块时,需要额外写default

//webpack require

var test = require(‘b‘).default; 

可以使用webpack3.0配置解决这个问题,也可以使用module.export 来返回模块

module.export 为cmd语法

时间: 2024-10-01 04:36:56

export、export default、module.export区别的相关文章

ES6 module export options 模块导出、导入语法

http://stackoverflow.com/questions/25494365/es6-module-export-options A year and some later, here is the best information I've found on the subject. There are 4 types of exports. Here are usage examples of each, along with some imports that use them:

module.exports、exports、export、import、export default区别

CommonJs规范:module.exports.exports module.exports和exports 是commonJs的语法,大家熟知的node就是基于CommonJs语法设计的,node将每个文件视为一个拥有独立作用域链的模块, 每个木块的类,变量,函数等都是私有的,对其他文件不可见.但是,如果别的模块想要使用另一个模块的函数应该如何处理呢,这时我们就会用到module.exports.exports了. node将每个独立的文件视为一个mudule,而exports是为了将本模

深入理解node.js的module.export 和 export方法的区别

你肯定非常熟悉nodejs模块中的exports对象,你可以用它创建你的模块.例如:(假设这是rocker.js文件) exports.name = function() { console.log('My name is Lemmy Kilmister'); }; 在另一个文件中你这样引用 var rocker = require('./rocker.js'); rocker.name(); // 'My name is Lemmy Kilmister' 那到底Module.exports是什

node.js中module.export与export的区别。

对module.exports和exports的一些理解 可能是有史以来最简单通俗易懂的有关Module.exports和exports区别的文章了. exports = module.exports = {}; 所以module.exports和exports的区别就是var a={}; var b=a;,a和b的区别 看起来木有什么太大区别,但实际用起来的时候却又有区别,这是为啥呢,请听我细细道来 关于Module.exports和exports有什么区别,网上一搜一大把,但是说的都太复杂了

export ,export default 和 import 区别 以及用法

首先要知道export,import ,export default是什么 ES6模块主要有两个功能:export和import export用于对外输出本模块(一个文件可以理解为一个模块)变量的接口 import用于在一个模块中加载另一个含有export接口的模块. 也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件).这几个都是ES6的语法. export和import(一个导出一个导入) 一个a.js文件有如下代码: export

[ES6]import 与export的用法 ,export 与export default 的 区别 以及用法

一.import 与export export(导出):用于对外输出本模块(一个文件可以理解为一个模块)变量的接口: import(导入):用于在一个模块中加载另一个含有export接口的模块. 1.一个a.js文件有如下代码: a.导出单个变量: export var name="李四"; b.导出多个变量: var name1="李四"; var name2="张三"; export { name1 ,name2 } c.导出函数: func

Vue中 export default 和 export 区别

1.export与export default均可用于导出常量.函数.文件.模块等2.在一个文件或模块中,export.import可以有多个,export default仅有一个3.通过export方式导出,在导入时要加{ },export default则不需要 4. (1) 输出单个值,使用export default (2) 输出多个值,使用export (3) export default与普通的export不要同时使用 示例: 1.export //a.js export const

export default 和 export 的使用方式

1.ES6规定,导入模块使用 import 模块名称 from '模块标识符'; 或 import 'css资源路径':      ES6中,使用export default {name:'zs'}和export向外暴露成员. 在Node中,使用 var 名称 = require('模块标识符');来导入模块:使用module.exports= {name:'zs'}和exports来暴露成员 2.组件register.vue里面暴露数据 <template> <div> <

export default和export的使用方式

在node中使用 var 名称=require('模块标识符') 来导入 module.exports 和exports 来暴露成员 在ES6中,也通过规范的形式,规定了ES6中如何导入和导出模块 ES6中导入模块,使用import 模块名称 from ‘模块标识符’       import '标识路径' ES6中暴露成员,使用export default 和 export export default向外暴露的成员,可以使用任意的变量来接收 例子:var info={name:"faker&