JavaScriptでインポートとエクスポートを実装する方法（コードは添付されています）

この記事の内容は JavaScript でのインポートとエクスポートの実装に関するものです (コード付き)。必要な方は参考にしていただければ幸いです。

ノードでインポートおよびエクスポートする方法

JavaScript ファイルは無数の変数、関数、オブジェクトを exprots できますが、 require() が必要です。 JS ファイルをロードする必要があるのは 1 回だけです。 したがって、非表示になった後、トップレベルの名前空間が追加されます。 JavaScript文件，可以向外exprots无数个变量，函数，对象，但是require(); 的时候，仅仅需要 载入一次JS文件即可。 所以，无形之后，会增加一个顶层命名空间。

导入一个空模块，是一个空对象,一个模块就是一个对象。

导出方式：

• exports, 导出整个式子

• module.exports, 导出赋值部分

导入方式：

• reuire()

// 导出一个变量
exports.a = 10;

// 导入该变量
let b = require('./export')

// 导入的形式 `console.log(b)`输出导入的值：
// { a: 10 }

// 导出一个变量，直接需要变量值使用.
// module.exports = 'name';

// 导入该变量
let b = require('./export')

// 导入的形式 `console.log(b)`输出导入的值：
// name

// 导出对象
module.exports = {
  name1: 123,
  name2: 456
}

// 导入该变量
let b = require('./export')

// 导入的形式 `console.log(b)`输出导入的值：
// { name1: 123, name2: 456 }

// 导出对象
exports.msg = {
  name1: 1,
  name2: 2
}

// 导入该变量
let b = require('./export')

// 导入的形式 `console.log(b)`输出导入的值：
// { msg: { name1: 1, name2: 2 } }

// 导出函数
exports.showMsg = function () {
}

// 导入该变量
// let b = require('./export')

// 导入的形式 `console.log(b)`输出导入的值：
// { showMsg: [Function] }

// 在 引用结果 需要  通过  变量 引用对象 执行
// var b= require();
// b.showMsg();

// 导出函数
module.exports = function () {
}

// 导入该变量
let b = require('./export')

// 导入的形式 `console.log(b)`输出导入的值：
// [Function]

// 引入文件的 变量  直接执行

对象,函数常使用的导出方式：module.exports

ES6和TS方式导入导出

导出：export
导入：import

注意点:

• 导出和导入，除了使用as之外，变量名相同

• 导出一个文件，默认是一个空对象

• 直接使用导入文件定义变量名，直接执行

• default导出，在导入的时候可以取任意变量名

• export default默认导出模块不能使用{}对象导出

// 导出一个常量
export const foo = Math.sqrt(2)

// 导入
import { foo } from './export'
import * as Tools from './export' // 使用 Tools.foo

function myFunction () {}
// 导出已经声明的函数
export { myFunction }

导入
import { myFunction } from './export'

// 多个导出
export function cube(x: number): number {
    return x * x * x
}
const foo: number = Math.PI * Math.sqrt(2)
export { foo } // 导出多个

// 导入
import { cube, foo } from './export'

// 导出函数
export default function () {}
export default function fun () {}

// 导入
import myFunction from './export' // 可以取任意变量名
// 如果导出默认，定义函数名或者变量名，或者类名
// 导入的时候可以写和原来相同名字，也可以取任意变量名

// 导出类
export default class {}

// 导入
import Test from './export'

一个文件（模块）默认的导出只能有一个， 可以是类，函数， 对象等

导入整个模块的内容，在当前作用域插入export变量，包含export文件中全部导出绑定(包括export default

空のモジュールのインポートは空のオブジェクトであり、モジュールはオブジェクトです。

エクスポートメソッド:

• exports、式全体をエクスポートします

• module.exports 、代入部分のエクスポート

インポートメソッド:

• reuire()

// 导出多个模块
export function query () {}
export function update () {}

// 导入
import * as API from './export'

import 'my-module'

rrreeerrreeerrreeerrreeeオブジェクト、関数の一般的に使用されるエクスポート メソッド: module.exports
ES6 および TS のインポートとエクスポート🎜🎜エクスポート: export🎜インポート：import🎜🎜注:🎜

• 🎜as を使用することに加えて、変数名をエクスポートおよびインポートします。同じ🎜
• 🎜ファイルをエクスポートします。デフォルトは空のオブジェクトです🎜
• 🎜インポートされたファイルを直接使用して変数名を定義し、直接実行します🎜
• 🎜 デフォルト エクスポート。インポート時に任意の変数名を使用できます🎜
• 🎜デフォルト エクスポート デフォルトのエクスポート モジュールは、{} を使用してエクスポートできません object 🎜

rrreeerrreeerrreeerrreeerrreee🎜 ファイル (モジュール) は、クラス、関数、オブジェクトなどのデフォルトのエクスポートを 1 つだけ持つことができます。 🎜🎜 モジュール全体のコンテンツをインポートし、 export 変数に挿入します。これには、<code>export ファイル内のすべてのエクスポート バインディングが含まれます (export default を含む): 🎜rrreee🎜 モジュール全体をインポートします追加機能として、モジュールのエクスポートをインポートしないでください。 メンバー: 🎜rrreee🎜 関連する推奨事項: 🎜🎜🎜Excel のインポートとエクスポート 🎜🎜🎜🎜🎜 Oracle のインポートとエクスポートの問題 🎜​

以上がJavaScriptでインポートとエクスポートを実装する方法（コードは添付されています）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。