Was ist der Grund für dieses seltsame Verhalten von `import * as A` und` import A`?

Question

Wie der folgende Code zeigt, warum funktioniert der Import Parent von 'Parent1.js nicht? Warum importiert snippet2 A korrekt, aber snippet1 nicht?

In meinem Verständnis Ausfuhren sollten module.exports gleich sein, so snippet1 sollte funktionieren ...

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

Sie verwenden ES6 Syntax mit import Aussagen hier. In snippet1 für import Parent from 'Parent1.js' zu arbeiten, müssen Sie export default a verwenden. Dies macht alles, was a ist das einzige, das von Parent1.js exportiert wird. Darüber hinaus erhalten Sie bei jedem Aufruf von Parent in snippet1 die Ergebnisse für a.

Indem Sie import * as Parent from Parent1.js tun, sammeln Sie alles, was möglicherweise in eine Sammlung exportiert wurde, und benennen Sie es Parent. Um auf a zuzugreifen, nennen Sie es Parent.a. Hier bezieht sich Parent auf die Sammlung, während oberhalb Parent ein Alias ​​für a steht.