20.es6中模块化的写法

01.js

export function add(a,b) {
    return a + b;
} 

export function sub(a,b) {
    return a - b;
}

// export default { // 或者用这种简化的写法
//     add(a,b) { // 这里不要在开始地方加function
//         return a + b;
//     }, //这里的逗号不可少

//     sub(a,b) {
//         return a - b;
//     }
// }

02.js

import {add,sub} from './01.js'
// import m from './01.js'  这种写法配合01.js文件中的export default
console.log(add(1,2)) // console.log(m.add(1,2))
console.log(sub(10,3))

注意最终的代码都要通过babel翻译为es5的代码才能运行,翻译后的代码还是用的es5中的require,以下是02.js翻译后的代码

'use strict';
var _ = require('./01.js');
console.log((0, _.add)(1, 2));
console.log((0, _.sub)(10, 3));
发布了253 篇原创文章 · 获赞 10 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/gunsmoke/article/details/105318068