Maison > Article > interface Web > Comment implémenter l'importation et l'exportation en javascript (code ci-joint)
Le contenu de cet article concerne la mise en œuvre de l'importation et de l'exportation en JavaScript (avec code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.
Un JavaScript
fichier peut exporter exprots
d'innombrables variables, fonctions et objets, mais require()
n'a besoin de charger JS qu'une seule fois. Par conséquent, après avoir été invisible, un espace de noms de niveau supérieur sera ajouté.
Importer un module vide est un objet vide, et un module est un objet.
Méthode d'export :
exports
, exporter la formule entière
module.exports
, exporter la partie d'affectation
Méthode d'importation :
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] // 引入文件的 变量 直接执行
Méthodes d'exportation couramment utilisées pour les objets et les fonctions : module.exports
Exportation : export
Importation : import
Remarque :
Exporter et importer, sauf en utilisant as
, les noms de variables sont les mêmes
exporter Un fichier, la valeur par défaut est un objet vide
Utiliser directement le fichier importé pour définir le nom de la variable, exécuter directement le
default
exporter, dans l'importé Vous pouvez prendre n'importe quel nom de variable
export default
Le module d'exportation par défaut ne peut pas utiliser {}
exportation d'objet
// 导出一个常量 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'
Un fichier (module) ne peut avoir qu'un seul export par défaut, qui peut être une classe, une fonction, un objet, etc.
Importer le contenu du module entier et insérez la variable export
dans la portée actuelle, y compris toutes les liaisons d'exportation dans le fichier export
(y compris export default
) :
// 导出多个模块 export function query () {} export function update () {} // 导入 import * as API from './export'
Importez l'intégralité du module en tant que fonction supplémentaire, mais ne pas importer les membres exportés du module :
import 'my-module'
Recommandations associées :
Problèmes d'importation et d'exportation Oracle
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!