module.exports 和 exports,export 和export default的区别

一、module.exports javascript

module变量表明当前模块。这个变量是一个对象,module对象会建立一个叫exports的属性,这个属性的默认值是一个空的对象:java

module.exports = {};

例子:app.jses6

module.exports.Name="我是电脑";
module.exports.Say=function(){
  console.log("我能够干任何事情");  
}


//上边这段代码就至关于一个对象

{
  "Name":" 我是电脑",
  "Say"    :function(){
           console.log("我能够干任何事情");  
        }
}

require方法用于加载模块。app

var req=require("./app.js");

req.Name      //这个值是 "我是电脑"
req.Say()      //这个是直接调用Say方法,打印出来 "我能够干任何事情"

二、exports 与 module.exports的关系

Node为每一个模块提供一个exports变量,指向module.exports。能够通俗的理解为:函数

var exports = module.exports;

//两个是相等的关系,但又不是绝对至关的关系
例如:
1.module.exports能够直接导出一个匿名函数或者一个值
module.exports=function(){
  var a="Hello World"  
  return   a;
}
可是exports是不能够的,由于这样等于切断了exports与module.exports的联系。
exports=function(){           //这样写法是错误的
  var a="Hello World"        //这样写法是错误的
  return   a;                //这样写法是错误的
}                            //这样写法是错误的

三、export和export default的区别ui

export是es6引出的语法,用于导出模块中的变量,对象,函数,类。对应的导入关键字是import。spa

两者的区别有如下几点:code

  • export default在一个模块中只能有一个,固然也能够没有。export在一个模块中能够有多个。
  • export default的对象、变量、函数、类,能够没有名字。export的必须有名字。
  • export default对应的import和export有所区别
1.export写法
//./aap.js
var name="我是电脑"var say=function(){ console.log("我能够干不少事"); }
export {name,say};

//也能够直接一个一个的export可是必须得有名字
export const a=1;
export function data(){
  return data;
}


//其余页面引入时必须这样
import {name,say} from "./app.js"

2.export default
//app.js
//能够没有函数名字
export default function(){
  return data;
}
//这里export不能这样导出
export default const a=12;
//应该这样导出
const a=12;
export default a
 
 

//其余页面引入时必须这样
import data from "./app.js"
 
总结:能够看到用,语句不须要使用大括号;用,对应的语句须要使用大括号,一个模块只能有一个默认输出,因此只能使用一次。export defaultimportexportimportexport default
相关文章
相关标签/搜索