import过来exports的内容 为什么是undefined

Question

a.js

const typeList = [

    {a:1}, 

    {b:2}, 

    {c:3}

]

exports = {typeList}

b.js

import { typeList } from './a'

console.log(typeList) // =====> 显示undefined，为什么？

Answer 1

前面几位说的是让你怎么改，但是没告诉为什么，我来解释下。exports是一个引用变量，它其实是module.exports的一个简写。如果你对外暴漏变量，你这么写没问题：exports.something = ref;但是如果你做了替换：exports = {...};你要知道，node内部对外引用的是modle.exports，你改变的只是一个局部引用，而不是真实的引用，这个涉及脚本的对象引用规则，简单来说，大概是这样：var module = {exports: [1,2,3]};var exports = module.exports;console.log(module.exports === exports);// if you do:exports = {...};// but you know...console.log(module.exports);所以其实如果你再勤快点，改写成下面这样就OK了：module.exports = {...};PS: exports是es5的语法，export是es6的语法，楼上很多人弄混了。