どのようなタイプの `import * 'は' ... '` makeからのものですか？

Question

import * as MyModule from 'module-name'はどのようなタイプのものを作成しますか？

私はそれがエクスポートされた値の名前であるキーを持つ通常のjavascriptオブジェクトだとは思いますが、わかりません。

例：

./module-that-exports.js

export const a = 'foo'; 
export const b = 'bar'; 

./module-that-imports.js

import * as thing from './module-that-exports'; 

typeof thing; // what does this print? what is its type? 

---

具体的には、私はWebPACKのを使用しています。それが違いを生むかどうかは分かりません。

Answer 1

はい、それはオブジェクト（および呼び出し可能ではない）ですので、typeofは"object"を得られます。

しかし、普通のオブジェクトではありません。エキゾチックなmodule namespace objectです。 Object.prototypeを継承せず、extensibleではなく、そのすべてのプロパティは、エクスポートされたバインディングに解決される書き込み不可能なゲッターです。あなたのトランスバータ/モジュールローダーはこれを完全にエミュレートすることができないかもしれません。

Answer 2

それでは、1つのファイルを持っているとしましょう：

const doSomething =() => console.log('hello'); 
const doSomethingElse =() => console.log('world'); 

export default { 
    doSomething, 
    doSomethingElse 
} 

、あなたはそれを使用して別のファイルを持っています。すべてのフィールドに名前を付けるのではなく、それをオブジェクトの中にグループ化します。二つの機能が含まれているオブジェクトを作成します

import * as something from './doSomething' 

..

console.log(something); 

が印刷されます：

{ 
    doSomething: function() { ... } 
    doSomethingElse: function() { ... } 
} 

をこの方法の利点は、あなたには、いくつかの長い輸入を必要としないで、 somethingオブジェクトを使用してください。

something.doSomething(); 
something.toSomethingElse();