js中的导入和导出

module.exports与exports是CommonJS语法 与 require 一起使用

export与export default是es6语法 与 import 一起使用

1. module.exports 与 exports 区别

    1)module变量代表当前模块。这个变量是一个对象,module对象会创建一个叫exports的属性,这个属性的默认值是一个空的对象;

        例如:module.exports.a = "kkk"

     2) exports 只是module.exports的一个引用,即 var exports = module.exports

 2.export 与 export。default 的区别

        1) export default在一个模块中只能有一个,当然也可以没有。export在一个模块中可以有多个。

         2)export default 导出一个对象。export的导出必须定义。

           例如: export default { name :"xx"};  

                       export const name = "xxx"

       3)引入  import  xxx from "xxxx" ;  //export default    xxx 可以是任何变量

                     import { name } from "xxx"; //export  导出    name 需要解构 

posted @ 2021-05-28 17:36  box的紫色边框  阅读(248)  评论(0)    收藏  举报