JS|ES6中import和export的用法(8种)
首先这两个是基于服务器端环境的 我这边是安装了phpstudy 安装好之后会有一个www文件夹 把内容放入该文件夹中我的文件夹叫exportandimport里面有一个index.js 和一个index.html可以启动服务器http://localhost/exportandimport
- 锐客网
js文件
/*第一种情况 export let a = 'Lee';
*//*第二种情况 var a ='Lee';
var b ='李';
var c = 'web';
export {a,b,c} *//*第三种情况函数的导出 export function add(a,b){
return a+b;
} *//* 第四种不想暴露js中的变量名 var a ='Lee';
var b ='李';
var c = 'web';
export {
a as x,
b as y,
c as z
} */
/*第五种联合导出1 export var a ='Lee';
export function add(a,b){
return a+b;
} */
/*第五种联合导出2var a ='Lee';
function add(a,b){
return a+b;
}
export {a,add} *//* 第六种情况 export default :
var a = 'Lee';
export default a;
*//*第六种情况复杂结构 export default {
logo: 'UNI-ADMIN',
navBar: {
active: '0',
list: [{
name: "首页",
subActive: '0',
submenu: [{
icon: "el-icon-s-home",
name: "后台首页",
pathname:"index"
},
{
icon: "el-icon-picture",
name: "相册管理",
pathname:"image"
},
{
icon: "el-icon-s-claim",
name: "商品列表",
pathname:"shop_goods_list"
}
]
},
{
name: "商品",
subActive: '0',
submenu: [{
icon: "el-icon-s-claim",
name: "商品列表",
pathname:"shop_goods_list"
}]
},
{
name: "订单"
},
{
name: "会员"
},
{
name: "设置"
},
]
}
} *//*第七种方法: export class Person{
run(){
console.log("奔跑");
}
}class Person{
run(){
console.log("奔跑");
}
}
export default Person
*//* 第八种方法: let name = '小明'
var flag = true
export {
flag,name
} */
【JS|ES6中import和export的用法(8种)】
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中,逐渐适应一个人到底意味着什么()
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷(Invasion篇)发售
- “成长”读书社群招募
- 2020-04-07vue中Axios的封装和API接口的管理