js模块化 ES6规范 使用总结
2020-12-30 09:30
标签:color cti export default div 输入 设置 ons pre 1.模块化语法 export 用于规定模块的对外接口 1 分别暴露 m1.js 2 统一暴露 m2.js 3 默认暴露 m3.js import 用于输入其他模块提供的功能 1 通用引入 2 解构赋值形式 3 简便形式 只针对默认暴露 浏览器引入方式,可以使用上面三种, 还可以使用 script 标签中直接引用,设置 type 为 module,在m.js中通过import引入模块 js模块化 ES6规范 使用总结 标签:color cti export default div 输入 设置 ons pre 原文地址:https://www.cnblogs.com/zhangning187/p/mkhzj.html export let name = ‘zhangning‘;
export function like(){
console.log(‘打篮球‘);
}
let name = ‘zhangning1‘;
function job(){
console.log(‘努力工作‘);
}
export {name, job};
export default {
name: ‘zhangning2‘,
change: function(){
console.log(‘改变自己努力学习‘);
}
}
import * as m1 from‘/m1.js‘;
import * as m2 from ‘/m2.js‘;
import * as m3 from ‘/m3.js‘;
import {name, like} from ‘/m1.js‘;
import {name as name1, job) from ‘/m2.js‘;// 同一个js中引入不能重名,所以name要用别名
import {default as m3) from ‘/m3.js‘;
imprt m3 from ‘/m3.js‘;
上一篇:用原生JS写洗扑克牌