es6はインポートをサポートしていますか?

es6 はインポートをサポートしています。 import ステートメントは、別のモジュールによってエクスポートされたバインディングをインポートするために使用され、構文「importdefaultExport from "module-name";」を使用します。厳密モードが宣言されているかどうかに関係なく、インポートされたモジュールは厳密モードで実行されます。 Import はキーワードだけでなく関数でもあり、関数のパラメータはインポートする必要があるモジュールへのパスであり、関数は Promise オブジェクトを返します。

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

モジュール化の概念がますます重要になると、es6 ではモジュール構文 import が導入されます。import の使用方法を簡単に理解しましょう。

1.export

A js ファイルはモジュールとして理解できます。このモジュールは他のモジュールによってインポートできます。導入の結果は、これを変更することです実行後、オブジェクトは保持されます。ここで問題が発生します。ファイル モジュールが導入された後は、すべてが独自のスコープ内にあります。導入動作を積極的に開始するファイルは、導入されたオブジェクトを取得していますが、関数にはアクセスできません。ドメイン内にあるものなので、エクスポートが提供されます。モジュールが何を外部世界に公開するかを決定します。

exportは、モジュールから関数、オブジェクト、またはプリミティブ値をエクスポートし、他のプログラムが import ステートメントを通じてそれらを使用できるようにするために使用されます。の場合、このファイル オブジェクトが取得されます。デフォルトは空のオブジェクトで、ファイルにアクセスできないことを表します。エクスポートを使用して、このオブジェクトにコンテンツを追加します。

Usage:

module1.js
:

function f1 (){ console.log("module - 1 : functino 1") } let b = { name:"test_obj" } let str = "hell绿绿绿" export { f1,b,str }

#

// 先忽略 import 的写法，后面再说明 import * as m1 from "./m1.js" console.log(m1)

) を出力します。 :

多くの初心者は混乱しますが、エクスポートがあるのに、なぜエクスポートのデフォルトが必要なのでしょうか?インターネット上で得られる答えは、多くの場合、これがファイルのデフォルトのエクスポート インターフェイスであるというものです。では、ファイルのデフォルトのエクスポートインターフェイスは何でしょうか?実際、この問題は非常に単純です。最初に import を脇に置き、import の構文は考慮せず、export のデフォルトの動作のみを考慮しましょう。

module1.js

function f1 (){ console.log("module - 1 : functino 1") } let b = { name:"test_obj" } let str = "hell绿绿绿" export { f1,b,str } export default{ name:"default" }

したがって、ここでは、js ファイルがモジュールとして導入され、オブジェクトとして公開されることを理解します (つまり、インポート後はオブジェクトとして操作可能です）。エクスポートの機能は、このファイル オブジェクトに属性を追加することです。エクスポートされたものはすべてファイル オブジェクトに追加されます。

エクスポート デフォルトの機能は、ファイル オブジェクトの

属性に値を追加することです。

4. import

上記の例では、モジュールが外部に何を公開しているのかを理解しているので、ファイルが外部に公開しているものをどのように使用するか外の世界？ ？まず第一に、ファイル オブジェクトが何であるかをすでに理解しています。

4.1 ファイル オブジェクト全体をエクスポートする

そこで、まずファイル オブジェクト全体をエクスポートして、どのようなものになるかを確認します。これは、上記の例で使用した構文です。import *はファイル モジュールのすべてのインターフェイスをエクスポートし、

は名前空間オブジェクトを指定します。main.js：

import * as m1 from "./m1.js" console.log(m1)

import {f1，b} from "./m1.js" console.log(f1) console.log(b)

import d from "./m1.js" console.log(d)

import d from "./m1.js" 可以等价为 import {default as d} from "./m1.js"

import("./m1.js").then(m=>{ console.log('then:',m) })

import './lib/init.js';