Comment utiliser l'importation en JavaScript ?

Dans ES6, les objets Comment utiliser limportation en JavaScript ? peuvent être gérés via la modularisation. La modularisation peut non seulement réutiliser les fonctions, mais également améliorer la maintenabilité.

import est la syntaxe utilisée pour importer des fonctions, des objets et des valeurs initiales exportées d'un module vers un autre module.

Comme indiqué ci-dessous

import {模块名称} from "需要导入模块的路径名"

Comment utiliser l'importation ?

Ce module a un module par défaut et un module nommé.

Nous chargeons d'abord le module d'exportation par défaut et le module d'exportation nommé

import {ModuleA, ModuleB} from "modules"; 
import Default from 'modules2';

Dans la première ligne, nous importons les deux modules nommés Module A et Module B à partir du fichier de modules nommé module.

Dans la deuxième ligne, nous importons le module par défaut du fichier modules 2.

Exécuter l'exportation du module

Pour exporter des fonctions, des objets et des valeurs primitives vers des modules, vous devez utiliser l'exportation.

Regardons un exemple concret

Exportez-le comme module par défaut

// alert.js
export default function () {
    alert("default module called!");
};

Export nommé

// utils.js
export function sum(x, y, z) {
    return x+y+z;
}
 
export function multiply(x, y) {
    return x*y;
}

Nous sommes capables d'exporter nommé module somme et multiplication.

Cette fonction peut être utilisée en appelant ce qui suit

import { sum, multiply } from 'utils'; 
console.log(sum(1, 2, 3));
console.log(multiply(5, 8));

Les résultats d'exécution sont les suivants

->6
->40

Cet article se termine ici, un contenu plus excitant pour vous Vous pouvez prêter attention aux autres didacticiels de colonnes connexes sur le site Web PHP chinois ! ! !

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!