转自:https://www.cnblogs.com/pixcai/p/5597109.html
在ES6中变量解构是这样的:
1 2 |
|
我们可以直接用解构赋值来获得对象的同名属性,等效于:
1 |
|
除了变量的解构赋值,ES6的模块导入也提供了相似的语法:
1 |
|
如果使用webpack构建项目的话,注意这里的解构与普通变量的解构是有所区别的,比如在a.js里有以下代码:
1 2 3 |
|
如果按照普通变量的解构法则来导入这个包,即这种形式:
1 |
|
是会发生错误的,并不能导出变量b。主要因为这和webpack的构建有关。使用模块导入时,当用webpack构建后,以上的
1 |
|
变为了类似
1 |
|
可以看到变量b在a.default上,并不在a上,所以解构出来是undefined。如果要正确解构,则必须在模块内导出,即:
1 |
|
这样的话,构建后的代码中,变量b即在a上,而不是在a.default上,从而能正确解构