デフォルトのエクスポートオブジェクトを破棄する

Question

インポート時にデフォルトのエクスポートオブジェクトを破棄できますか？次のエクスポート構文（export default）

const foo = ... 
function bar() { ... } 

export default { foo, bar }; 

を考えると

は、次のインポートの構文有効なJSのですか？

import { foo, bar } from './export-file'; 

私のシステムでは機能するので尋ねられますが、仕様に従って動作しないように言われました。複数のオブジェクトがエクスポートされる

export foo; 
export bar; 

ので、それらはモジュールシステムによって暗黙的にオブジェクトにラップされている：

Answer 1

インポート時にデフォルトのエクスポートオブジェクトを破棄できますか？

いいえオブジェクトを変数にインポートした後でのみ、オブジェクトの構造を解除できます。

インポート/エクスポートには、オブジェクトリテラル/オブジェクトパターンとはまったく異なる構文とセマンティクスがあります。唯一の共通点は、中括弧を使用することと、識別子名とコンマのみを使用する簡略表現が区別できないことです。

次のインポート構文は有効なJSですか？

import { foo, bar } from './export-file'; 

はい。モジュールから2つの名前付きエクスポートをインポートします。これは、結合fooを宣言し、それがexport-fileから名前fooの下にエクスポートされた変数を参照してみましょう、と結合barを宣言し、それがもとでエクスポートされた変数を参照してみましょう」という意味

import { foo as foo, bar as bar } from './export-file'; 

の簡略表記ですbarからexport-fileまで "という名称が付けられています。

次のエクスポート構文（輸出デフォルト）を考えると

export default { foo, bar }; 

これと上記のインポート機能するのですか？

号何それがないことは、目に見えない変数を宣言したオブジェクト{ foo: foo, bar: bar }でそれを初期化し、名前defaultの下でそれをエクスポートすることです。このモジュールはexport-fileとしてインポートされた場合
、名前defaultは使用されず、名前fooとbarはSyntaxErrorにつながる発見されることはありません。

import { default as obj } from './export-file'; 
const {foo: foo, bar: bar} = obj; 
// or abbreviated: 
import obj from './export-file'; 
const {foo, bar} = obj; 

それともインポート構文を維持し、その代わりという名前の輸出を使用します：あなたのいずれかがデフォルト・エクスポートされたオブジェクトをインポートする必要があり、この問題を解決するには

、私はそこに見える

export { foo as foo, bar as bar }; 
// or abbreviated: 
export { foo, bar }; 
// or right in the respective declarations: 
export const foo = …; 
export function bar() { ... } 

Answer 2

コードは同等です。モジュールのエクスポートは実際に次のようになります。

{ foo: {}, bar: {} } 

これはモジュールがjsでエクスポートされる方法です。 1つのオブジェクトに複数のエクスポートステートメントに関係なく

非構造化が意味をなすので、あなたは通常と同じようにオブジェクトの構造を変更しています。これは完全に有効です。