Module Import Export ES6
关于ES6 的新功能,module
import
export
例子
users.js
const users = [{
name: "Kyle",
age: 27
},{
name: "Kyle",
age: 27
}]
export {users};
main.js
<script type="module">
import {users} from './user.js';
console.log(users);
</script>
export
ES6 的模块js文件都是单文件,内部的变量对外是不可见的。如果想暴露指定变量到外部,就需要 export
关键字
users.js
const users = [{
name: "Kyle",
age: 27
},{
name: "Kyle",
age: 27
}];
function hello(){
console.log('hello');
}
export {users, hello};
这里通过 export { 变量们,包括方法名 }
向外暴露内部变量,供外部使用
import
import 用于导入 export 暴露的方法和变量。
main.js
<script type="module">
import {users} from './user.js';
console.log(users);
</script>
格式:
import {接收的变量和方法} from './文件名.js'
需要注意的是,直接在 html
中用 script
标签内 import
变量的时候,需要在 script
标签上添加 type="module"
,不然会报错
es6 module SyntaxError: Unexpected token {