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

问题描述

问 题

a.js

const typeList = [
    {a:1}, 
    {b:2}, 
    {c:3}
]

exports = {typeList}

b.js

import { typeList } from './a'
console.log(typeList) // =====> 显示undefined，为什么？

解决方案

前面几位说的是让你怎么改，但是没告诉为什么，我来解释下。

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的语法，楼上很多人弄混了。

这篇关于javascript - import过来exports的内容 为什么是undefined的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！