JS-ES6语法运用

<script type="module" src="b.js"></script>
<script nomodule src="c.js"></script> //向后兼容 当浏览器不支持es6语法运行不了b.js时 执行此代码

// b.js 多个导出
export var name = 'yangching';
export function add (x,y) {
    return x+y  
};

// a.js 引入
import {name} from 'b.js'                //单个引入
import {add as newAdd} from 'b.js'      // 单个引入并重命名
console.log(name) //yanching
console.lo(newAdd(1,2)) // 3

// b.js 一起导出
var name = 'yangching';
function add (x,y) {
    return x+y  
};
export {name,add}
// a.js 一起引入
import {name,add} from 'b.js';
console.log(name)  // yangching

import * as moduleB from 'b.js';    
console.log(moduleB.name) // yangching

// b.js 导出
var name = 'yangching';
export default name

// a.js 引入
import bb from 'b.js'
console.log(bb)
import * as lname from 'b.js'
console.log(lname)