Maison > interface Web > Questions et réponses frontales > Le développement front-end es6 est-il modulaire ?

Le développement front-end es6 est-il modulaire ?

WBOY
Libérer: 2022-08-18 16:15:18
original
1790 Les gens l'ont consulté

Le front-end es6 est un développement modulaire ; la spécification modulaire es6 est une spécification de développement modulaire commune au navigateur et au serveur. Elle définit que chaque fichier JavaScript est un module indépendant. Utilisez le mot-clé import pour importer d'autres membres du module. . Pour partager des membres de module en externe, utilisez le mot-clé export.

Le développement front-end es6 est-il modulaire ?

L'environnement d'exploitation de ce tutoriel : système Windows 10, ECMAScript version 6.0, ordinateur Dell G3.

Front-end es6 est un développement modulaire

La spécification modulaire ES6 est une spécification de développement modulaire commune pour le côté navigateur et côté serveur. Son émergence a considérablement réduit le coût d'apprentissage modulaire des développeurs front-end. Les développeurs n'ont pas besoin d'apprendre des spécifications modulaires supplémentaires telles que AMD (AMD oui !!! XD), CMD ou CommonJS.

La spécification de modularisation ES6 définit :

Chaque fichier js est un module indépendant

Utilisez le mot-clé import pour importer d'autres membres du module

Utilisez le mot-clé export pour partager les membres du module en externe

Dans le nœud Découvrez la modularité ES6 dans. js

Assurez-vous d'avoir installé la version 14.15.1 ou supérieure de node.js

Ajoutez le nœud "type": "module" au nœud racine de package.json

Le développement front-end es6 est-il modulaire ?

Exportation par défaut et importation par défaut

Vous ne pouvez utiliser export default qu'une seule fois dans chaque script js, sinon une erreur sera signalée

// 默认导出
// 每个js脚本里面只能使用唯一一次 export default ,否则会报错
let m1 = 10
let m2 = 20
let f1 = () =>{}
 
export default {
    m1,
    f1
}
Copier après la connexion
// 默认导入
// 路径务必将文件后缀写上
import i1 from './01.默认导出.js'
 
console.log(i1)
Copier après la connexion

Le développement front-end es6 est-il modulaire ?

[Recommandations associées : tutoriel vidéo javascript, front-end web]

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!

Étiquettes associées:
es6
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal