export default 和 export 的使用方式

node中

在node中导入模块：var 名称 = require(‘模块标识符’)

node中向外暴露成员的形式：module.exports = { }

ES6中

也通过规范的形式，规定了ES6中如何导入和导出模块

ES6中导入模块，使用 import 模块名称 from ‘模块标识符’ import ‘表示路径’

import *** from *** 是ES6中导入模块的方式

在ES6中，使用export default 和 export 向外暴露成员

test.js使用export default 向外暴露的成员

// test.js
export default {name: 'dongyu',age: 18
}
或者// test.js
var info = {name: 'dongyu',age: 18
}export default info

在main.js中通过import接收，

import person from './test.js'
console.log(person)

注意：

1、export default 向外暴露的成员，可以使用任意变量来接收（如上面）

2、在一个模块中，export default 只允许向外暴露一次

3、在一个模块中，可以同时使用export default 和export 向外暴露成员

4、使用export向外暴露的成员，只能使用{ }的形式来接收，这种形式，叫做【按需导出】

5、export可以向外暴露多个成员，同时，如果某些成员，在import导入时，不需要的话，可以不在{ }

中定义

6、使用export导出的成员，必须严格按照导出时候的名称，来使用{ }按需接收

7、使用export导出的成员，如果想换个变量名称接收，可以使用as来起别名

例如：


// test.js
var info = {name: 'name',age: 18
}
export default infoexport var name= '周冬雨'export var age = 18

在main.js中进行接受：

import person, {name, age as nianling} from './test.js'
console.log(person);
console.log(name+ '=======' + nianling);

export default 和 export 的使用方式相关推荐

export default 和 export 区别（ES6）
export default 和 export 区别: 1.export与export default均可用于导出常量.函数.文件.模块等 2.你可以在其它文件或模块中通过import+(常量 | 函 ...
module.exports 和 exports 、export default 、export、require 、 inport 的区别
module.exports 和 exports 的区别(不完全理解exports 实际操作有出入) module.export 和exports 是node.js 的语法 , 而export def ...
ES6：export default 和 export 区别
ES6:export default 和 export 区别引用:https://blog.csdn.net/zhooson/article/details/78903234 export defa ...
export default 和 export 区别
export default 和 export 区别: 1.export与export default均可用于导出常量.函数.文件.模块等 2.你可以在其它文件或模块中通过import+(常量 | 函 ...
export default 和export 的区别
export default 适用于某一个模块, 引用时, 不需要花括号比如: route.js export default { } import routes from 'route.js' ...
export default 和 export之间的区别
module.exports与exports，export与export default之间的关系和区别
CommonJS模块规范和ES6模块规范完全是两种不同的概念. CommonJS模块规范: 根据这个规范,每个文件就是一个模块,有自己的作用域.在一个文件里面定义的变量.函数.类,都是私有的,对其他文 ...
require 动态加载_require,exports,module.exports和import,export,export default
我们前端在开发过程中经常会遇到导入导出功能, 在导入时,有时候是require,有时候是import 在导出时,有时候是exports,module.exports,有时候是export,export ...
导出与导入(require，import，module.exports，exports，export，export default)
一.不同点 1.加载时间不同 require: 运行时加载 import: 编译时加载(效率高) [先写调用,后写import导入不报错] [加载时机的原因,让import会提升到整个文件的头部] 2 ...

export default 和 export 的使用方式

在ES6中，使用export default 和 export 向外暴露成员

export default 和 export 的使用方式相关推荐

最新文章

热门文章