導入*作爲A`和`導入A`這種奇怪行爲的原因是什麼？

Question

如下面的代碼所示，爲什麼不從Parent1.js導入Parent？爲什麼snippet2正確導入A，但snippet1不？

在我的理解，出口應等於module.exports，所以snippet1應該工作...

snippet1：

// Parent1.js 
    var a = exports.a = 1; 

//index.js 
    import Parent from 'Parent1.js' // Not working 
    import * as Parent from 'Parent1.js' // Worked! 

snippets2：

// Parent1.js 
    module.exports = {a:1} 

//index.js 
    import Parent from 'Parent1.js' // Worked 

Answer 1

您使用ES6語法與import陳述在這裏。在snippet1爲import Parent from 'Parent1.js'工作，你需要使用export default a。這將使a是唯一從Parent1.js導出的東西。此外，每當您調用snippet1中的Parent時，您將得到a的結果。

通過做import * as Parent from Parent1.js您正在收集任何可能已導出到集合並命名爲Parent。要訪問a，請將其稱爲Parent.a。這裏Parent是指集合，而上面的Parent是a的別名。