美文网首页
2020-10-27关于ES6模块Module 的语法

2020-10-27关于ES6模块Module 的语法

作者: 夏天的风2020 | 来源:发表于2020-10-27 14:50 被阅读0次
 //模块化操作  es6中的模块化操作
    //export生成  import 引入操作  (操作台上 输入babel-node  index.js进行转换---)
    // export var name = '技术胖' //temp.js文件中
    // import { name } from './temp'    //index.js文件

    //多变量输出  (包装成对象)
    //var name = 'jspang' //temp.js文件中
    //var b = '技术胖' 
    //var skill = 'web' 
    //export {name,b,skill};
    
    //语义化一下
    //var a = 'jspang' //temp.js文件中
    //var b = '技术胖' 
    //var c = 'web' 
    //export {
    //   name as a, 
    //   cname as b, 
    //   skill as c, 
    // }

    //import {name,cname,skill} from './temp'  //index.js文件中引入时



    //函数的模块化输出
    // export function add(){
    //   return a+b;
    // }

    //export default和export的区别
    //export default只能有一个,而export可以有很多,

    //比如:在temp.js中,
    //export var a = '技术胖'
    // export function add(){
    //   return a+b;
    // }
    //index.js引入时
    // import { a,add } from './temp'

    //比如:在temp.js中,
    //export default var a = '技术胖'
    //index.js引入时
    // import shy from './temp'  //shy这个名字是自己起的,不用{},也不需要知道temp.js中名字是什么
  


相关文章

网友评论

      本文标题:2020-10-27关于ES6模块Module 的语法

      本文链接:https://www.haomeiwen.com/subject/welxvktx.html