Rumah  >  Artikel  >  hujung hadapan web  >  Apakah kegunaan eksport dan seperti dalam es6

Apakah kegunaan eksport dan seperti dalam es6

WBOY
WBOYasal
2022-03-31 14:50:144229semak imbas

Dalam es6, kata kunci eksport digunakan untuk memodulasi pembolehubah, fungsi dan objek, membenarkan rujukan luaran dan menyediakan antara muka panggilan luaran Sintaksnya ialah "eksport var a = 'name';" sebagai kunci Perkataan ini digunakan untuk mengubah suai nama pembolehubah, dan sintaksnya ialah "eksport {nama pembolehubah baharu sebagai nama pembolehubah lama}".

Apakah kegunaan eksport dan seperti dalam es6

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

Penggunaan eksport dan seperti dalam es6

Penggunaan eksport:

eksport membolehkan kita menukar pembolehubah, fungsi, Objek dimodulasi dan menyediakan antara muka panggilan luaran untuk rujukan luaran. Mari kita lihat contoh paling mudah dahulu, memodulasi pembolehubah. Kami mencipta fail temp.js baharu dan mengeluarkan pembolehubah modul dalam fail.

export var a = 'jspang';

kemudiannya boleh diperkenalkan sebagai import dalam index.js.

import {a} from './temp.js';
console.log(a);

input modul arahan cmd

babel-node index.js Perhatikan direktori

Output berbilang pembolehubah (temp.js)

var a ='jspang';
var b ='技术胖';
var c = 'web';
export {a,b,c} //包装成对象{}

Keluaran modular fungsi (temp.js)

export function add(a,b){
    return a+b;
}

penggunaan sebagai

kadangkala Kami tidak mahu mendedahkan nama pembolehubah dalam modul, tetapi berikan modul nama yang lebih semantik Pada masa ini, kami boleh gunakan sebagai untuk beroperasi.

var a ='jspang';
var b ='技术胖';
var c = 'web';
export {
    x as a,
    y as b,
    z as c
}

Apabila anda mungkin menemui nama pembolehubah yang sama atau perlu mengubah suai nama pembolehubah semasa pembangunan, anda boleh menggunakan kata kunci untuk menamakan semula dengan satu klik dalam ES6.

Apakah kegunaan eksport dan seperti dalam es6

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Apakah kegunaan eksport dan seperti 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