Rumah  >  Artikel  >  hujung hadapan web  >  Apakah kaedah yang digunakan untuk mengeksport modul dalam es6

Apakah kaedah yang digunakan untuk mengeksport modul dalam es6

WBOY
WBOYasal
2022-05-06 15:54:342850semak imbas

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
}

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)

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

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)

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!

Kenyataan:
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