[JS] ES6 - Modules

4971 ワード

ES6 JavaScript テキストリンク

Modules

ImportとExportは、JavaScriptコードをモジュール化する機能を提供しています.
これは、別のファイルのJavaScriptを特定のファイルにインポートして使用することを意味します.

<!-- index.html -->
<body>
  <script src="a.js"></script>
  <script src="b.js"></script>
</body>

// a.js
var test = 10;
function func() {
  return test; 
}

// b.js
var test = 20;

有効範囲がグローバルであるため、この値は変更されます.モジュール化モードまたはライブラリを使用して解決しましたが、JavaScript言語自体から
モジュール化をサポートします.

export 변수, 함수

他のファイルからインポートする変数または関数の前にexportを作成する場合は、Importで使用できます.

import { 불러올 변수, 함수 } from '파일경로'

// app.js
import { test, func } from './test.js';
console.log( test ); // 10
console.log(func); // 30

// test.js
var test = 10;
function func() {
   return 30;
}
export { test, func };

ES 6構文を使用するには、Webパッケージなどのモジュールバンドルパッケージを使用する必要があります.

この問題について([JS] ES6 - Modules), 我々は、より多くの情報をここで見つけました https://velog.io/@run_dev_aiden/JS-ES6-Modules

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol