export default 和 export 的使用方式（六）

2024-09-04 03:29:22

一：ES6 的导入模块方式和暴露对象方式：

ES6 中导入模块使用：import 模块名称 from '模块标识符'；import '表示路径'；
在 ES6 中使用 export default 和 export 向外暴露成员；
export default 向外暴露的成员可以用任意变量来接收；
在一个模块中，export default 只允许向外暴露一次
在一个模块中可以同时使用 export default 和 export 暴露成员；
export：使用export向外暴露成员，只能使用 {} 的形式来接收，叫做按需导出；
export：export 可以向外暴露多成员，同时如果默写成员，我们在 import 的时候，不需要则可以不在 {} 中定义；
export：使用export 导出成员，必须严格按照导出的时候的名称来使用 {} 按需接受；
export：使用 export 导出的成员，如果想换自定义名称接收，可以使用 as 来起别名；

test.js 文件：

//在 ES6 中使用 export default 和 export 向外暴露成员；
// var info = {
//     name: 'zs',
//     age: 20
// };
// export default info;

export default {

    name: 'zs',

    age: 20

}

export var title = '小星星';

export var context = '哈哈哈哈';

main.js 文件：

import test,{ title as qwer, context} from './test.js';

console.log(test);

console.log(qwer);

console.log(context);

效果：

二：Node 导入模块方式和暴露对象方式：

在 node 中使用： var 名称 = require('模块标识符') 导入模块；
module exports 和 exports 来暴露成员；

最新文章

热门文章