apakah modulariti es6

Pemodulasi ES6 ialah spesifikasi pembangunan modular yang biasa kepada pelayar dan pelayan idea reka bentuknya adalah sestatik yang mungkin, supaya kebergantungan modul dan pembolehubah input dan output boleh ditentukan semasa penyusunan. Dalam modularisasi ES6, setiap fail js ialah modul bebas Kata kunci import digunakan untuk mengimport modul dan kata kunci ekspos digunakan untuk mengeksportnya.

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Klasifikasi spesifikasi modular bahagian hadapan

Sebelum kelahiran spesifikasi modular ES6, komuniti JavaScript telah pun mencuba dan mencadangkan spesifikasi modular seperti AMD, CMD, dan CommonJS.

Walau bagaimanapun, standard modular yang dicadangkan oleh komuniti ini masih mempunyai perbezaan dan had tertentu, dan bukan standard modular universal untuk penyemak imbas dan pelayan, contohnya:

• AMD dan CMD sesuai untuk modularisasi Javascript sisi pelayar

• CommonJS sesuai untuk modularisasi Javascript sisi pelayan

Apakah itu modulariti es6?

Modulariti ES6 ialah spesifikasi pembangunan modular yang biasa kepada penyemak imbas dan pelayan.

Kemunculannya telah banyak mengurangkan kos pembelajaran modular pembangun bahagian hadapan Pembangun tidak perlu mempelajari spesifikasi modular tambahan seperti AMD, CMD atau CommonJS

Modul ES6 Reka bentuk. idea adalah untuk menjadi statik yang mungkin, supaya kebergantungan modul, serta pembolehubah input dan output, boleh ditentukan pada masa penyusunan.

Definisi dalam spesifikasi modular ES6:

• Setiap fail js ialah modul bebas

• Untuk mengimport ahli modul lain, gunakan kata kunci import

• Untuk berkongsi ahli modul secara luaran, gunakan kata kunci eksport

Penggunaan:

① Eksport lalai dan import lalai

② Eksport atas permintaan dan import atas permintaan

③ Import dan laksanakan kod dalam modul secara langsung

Eksport lalai dan import lalai

Sintaks eksport lalai:

export default 默认导出的成员

Sintaks import lalai:

import 接收名称 from '模块标识符'

let n1 = 10 //定义模块私有成员n1
let n2 = 20 //定义模块私有成员n2 (外界访问不到n2 因为他没有共享出去)

function show() {} //定义模块私有方法 show

export default { //使用export default 默认导出语法 向外共享n1 和 show 两个成员
    n1,show
}

Nota:

① Dalam setiap modul, hanya Gunakan hanya eksport lalai, jika tidak ralat akan dilaporkan

② Nama penerima semasa mengimport secara lalai boleh menjadi sebarang nama, asalkan ia adalah nama ahli yang sah, iaitu,

Import atas permintaan dan Eksport atas permintaan

Import atas permintaan sintaks:

export 类型 成员

Sintaks Eksport atas permintaan:

import { 成员 } from '模块标识符'

import aixos from '@/utils/request.js'

// login 请求
export const userLogin = (data) => {
    return aixos({
        method: 'post',
        url: '/login',
        data
    })
}

// register 请求
export const userRegister = (data) => {
    return aixos({
        method: 'post',
        url: '/register',
        data
    })
}

Nota:

① Berbilang eksport atas permintaan boleh digunakan dalam setiap modul

② Import atas permintaan Nama ahli mestilah konsisten dengan nama yang dieksport atas permintaan

③ Apabila mengimport atas permintaan, anda boleh menggunakan kata kunci sebagai untuk menamakan semula

④ Atas- import permintaan boleh digunakan bersama dengan import lalai

Atas ialah kandungan terperinci apakah modulariti es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!