javascript - Problème d'importation Es 6

Question

Quelle est la différence entre

Importer * au format xxx depuis 'Xxx' et
Importer xxx depuis 'xxx'
 ?
En même temps, dans vuex, pourquoi peut-on utiliser var xxx= require('Xxx ') pour remplacer la deuxième méthode d'écriture, mais pas la première ?

Answer 1

Première question :

En plus de spécifier une certaine valeur de sortie à charger, vous pouvez également utiliser le chargement global, c'est-à-dire utiliser un astérisque (*) pour spécifier un objet, et toutes les valeurs de sortie seront chargées sur cet objet.

En voici uncircle.js文件，它输出两个方法area和circumference。

// circle.js

export function area(radius) {
  return Math.PI * radius * radius;
}

export function circumference(radius) {
  return 2 * Math.PI * radius;
}

Maintenant, chargez ce module.

// main.js

import { area, circumference } from './circle';

console.log('圆面积：' + area(4));
console.log('圆周长：' + circumference(14));

La méthode d'écriture ci-dessus consiste à spécifier les méthodes à charger une par une. La méthode de chargement globale est la suivante.

import * as circle from './circle';

console.log('圆面积：' + circle.area(4));
console.log('圆周长：' + circle.circumference(14));

Le livre ECMAScript6 de Ruan Yifeng
J'espère que l'affiche pourra le comprendre

Answer 2

Vous pouvez lire cet article
http://es6.ruanyifeng.com/#do...

Answer 3

La méthode d'écriture de l'import est liée à l'export du module que vous importez

Selon l'image ci-dessus, import xxx from 'XXX' consiste à nommer l'exportation default dans XXX comme xxx
dans ce module, et var xxx = require('XXX'); dans XXX dans ce module. Le module est nommé xxx, il peut donc être remplacé ; import * as xxx from 'XXX' ; signifie que toutes les exportations dans XXX sont nommées xxx dans ce module, et il existe une fonction d'exportation A(){ ...} dans XXX Vous pouvez utiliser xxx.A() pour faire référence.