JavaScript对象的.default是什么？构造函数报错及_Db2相关咨询

嘿，我来帮你拆解这个让人头疼的问题，一步步理清楚你疑惑的点：

1. 报错里的 .default 到底是什么？ #

这玩意儿和MDN上的default关键字完全不是一回事！它是JS模块系统里的默认导出标识。很多时候，当你用ES模块写export default class Db {}，经过打包工具（比如Webpack、Rollup）或者转译工具（Babel）处理后，会被转换成类似CommonJS的结构：

module.exports = {
  default: class Db {}
};

简单说就是，原本的默认导出被包装成了导出对象的default属性。如果你的代码导入时没正确处理这个结构，就会出现“不是构造函数”的报错——因为你可能直接拿整个导出对象去实例化，而不是它的default属性里的类。

2. 为啥报错里是 _Db2 而不是你熟悉的 _Db？ #

你在控制台发现_Db === _Db2，这大概率是代码压缩（minification）搞的鬼。打包工具为了减小代码体积，会把长变量名、模块名改成更短的标识符，比如把_Db重命名成_Db2。本质上它们是同一个东西，只是名字被工具“偷偷改了”而已。

3. 怎么解决这个问题？ #

给你几个实用的排查方向：

• 检查导入方式：如果是用require导入，试试改成require('你的模块路径').default；如果是ES模块的import，确保是import Db from '你的模块路径'（默认导入），而不是import { Db } from '你的模块路径'（具名导入，除非模块确实是具名导出的）。
• 直接查看模块结构：在控制台打印console.log(_Db2)，看看它的具体结构。如果它是一个包含default属性的对象，那直接用new _Db2.default()来实例化就行。
• 排查打包/转译配置：如果是项目代码，检查Babel、Webpack的配置是否正确处理了模块导出。比如Babel的@babel/preset-env是否开启了合适的模块转换规则，有没有插件导致默认导出被错误包装。

补充一句：你找不到MDN相关内容太正常了，因为MDN里的default讲的是switch分支、函数参数默认值这些语法，和模块导出的.default完全是两个概念！

内容的提问来源于stack exchange，提问作者arshbot