Heim > Web-Frontend > Front-End-Fragen und Antworten > Was sind die drei Importmethoden in es6?

Was sind die drei Importmethoden in es6?

青灯夜游
Freigeben: 2022-05-19 17:59:25
Original
2442 Leute haben es durchsucht

Methode: 1. Packen Sie alle in einer Datei exportierten Variablen in ein Objekt und importieren Sie es mit der Anweisung „import * as from „module““. 2. Verwenden Sie die Anweisung „import name it as you like from „module“. ; 3. Verwenden Sie die Anweisung „import {angegebener Name} aus „Modul“.

Was sind die drei Importmethoden in es6?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

es6 import drei Importmethoden

import Benennen Sie es beliebig nach „Modul-ID“

Es wird nur wirksam, wenn im Modul eine Standard-Export-Export-Standardsyntax vorhanden ist

// A.js
export default 20
// B.js
import A from './A'
上面的代码生效的前提是,只有在A.js中有默认导出的export default语法时才会生效。
这种不使用{}来引用模块的情况下,import模块的命名是随意的,即如下三种引用命名都是正确的:
//B.js
import A from './A'
import B from './A'
import Something from './A'
因为它总是会解析到A.js中默认的export default
Nach dem Login kopieren

import { Name angeben} aus „Modul-ID“

wird nur wirksam, wenn im Modul Code vorhanden ist, der in den Exportnamen des angegebenen Namens exportiert wird

//A.js
export const A = 21
//B.js
import { A } from './A'

代码生效的前提是,只有在模块A.js中有如下命名导出为A的export name的代码,
而且,在明确声明了命名导出后,那么在另一个js中使用{}引用模块时,import时的模块命名是有意义的,如下:
// B.js
import { A } from './A'                 // 正确,因为A.js中有命名为A的export
import { B } from './A'                 // 错误!因为A.js中没有命名为B的export
Nach dem Login kopieren

import * aus „Modul-ID“ (gepackt in ein Objekt)

Packen Sie alle in einer Datei exportierten Variablen in ein Objekt.
Zum Beispiel:

export const sqrt1 = Math.sqrt;
export const sqrt2= Math.sqrt;



import * as sqrtobj from "....."
sqrtobj.sqrt1
sqrtobj.sqrt2
Nach dem Login kopieren

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend

Das obige ist der detaillierte Inhalt vonWas sind die drei Importmethoden in es6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
es6
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage