Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah kaedah yang digunakan untuk mengeksport modul dalam es6

Apakah kaedah yang digunakan untuk mengeksport modul dalam es6

WBOY
Lepaskan: 2022-05-06 15:54:34
asal
2899 orang telah melayarinya

Kaedah yang digunakan untuk mengeksport modul dalam es6: 1. Eksport modul lalai Fail modul hanya boleh mempunyai satu modul lalai dan sintaksnya ialah "eksport ahli lalai yang perlu dieksport"; modul biasa, satu fail modul Terdapat beberapa modul biasa, dan sintaksnya ialah "ahli eksport dieksport atas permintaan".

Apakah kaedah yang digunakan untuk mengeksport modul dalam es6

Persekitaran pengendalian tutorial ini: sistem Windows 10, ECMAScript versi 6.0, komputer Dell G3.

Apakah kaedah yang digunakan untuk mengeksport modul dalam es6?

Eksport lalai Modul Biasa

pernyataan: eksport ahli lalai yang perlu dieksport

import lalai

const n1 = 10
const n2 = 20
 
const show = () => {
  console.log('hello')
}
 
export default {
  n1,
  show
}
Salin selepas log masuk

pernyataan: import nama pembolehubah daripada ' Modul pengecam '

Nota:

Hanya satu lalai eksport dibenarkan dalam setiap modul, jika tidak, ralat akan dilaporkan!
import m1 from './1.默认导出.js'
console.log(m1)
Salin selepas log masuk

Nama penerimaan lalai semasa import boleh berupa sebarang nama, asalkan ia adalah nama ahli yang sah

Eksport atas permintaan

Anda boleh meletakkan sebarang Jenis data yang dieksport sebagai modul Sintaks: Sintaks untuk eksport atas permintaan: ahli eksport dieksport atas permintaan

import atas permintaan

export const n1 = 10
 
export const n2 = 20
Salin selepas log masuk

pada permintaan Import sintaks: import { m1 } daripada 'module identifier'

Nota mengenai import atas permintaan dan eksport atas permintaan:

import { n1 } from './3.按需导出.js'
 
console.log(n1)
Salin selepas log masuk

dalam setiap modul Berbilang eksport atas permintaan boleh digunakan

  • Nama ahli yang diimport atas permintaan mestilah konsisten dengan nama yang dieksport atas permintaan

  • Apabila diimport atas permintaan , boleh dinamakan semula menggunakan kata kunci

  • Import atas permintaan boleh digunakan bersama dengan import lalai

  • [Cadangan berkaitan :

    Tutorial Video javascript
  • ,
bahagian hadapan web

]

Atas ialah kandungan terperinci Apakah kaedah yang digunakan untuk mengeksport modul dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
es6
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan