不太理解前者跟后者的区别

不太理解为什么前者访问不到，后者就能访问到了，exports={
gander:"男"
} 不就是等价于exports.gander=“男”这个吗，为什么访问不到 后者却能访问得到

这个你可能需要了解一下js的模块规范
js模块化编程CommonJS和AMD/CMD，你可以搜一下这个关键词

试一下

module.exports  = {gender:"男"}