Apakah tiga kaedah import dalam es6

Kaedah: 1. Pek semua pembolehubah yang dieksport dalam fail ke dalam objek dan importnya dengan pernyataan "import * as from "module" 2. Gunakan pernyataan "import name from "module". ;3. Gunakan pernyataan "import {specified name} daripada "module".

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

es6 import tiga kaedah import

import dinamakan secara rawak daripada "pengecam modul"

Ia hanya akan berkuat kuasa jika terdapat sintaks eksport eksport lalai dalam modul

// 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

import {specified name} daripada "module identifier"

Ia hanya akan berkuat kuasa jika terdapat kod dalam modul bernama nama eksport dengan nama yang ditentukan

//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

import * daripada "pengecam modul" (Pembungkusan ke objek)

Pak semua pembolehubah yang dieksport dalam fail ke dalam objek.
Contohnya:

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



import * as sqrtobj from "....."
sqrtobj.sqrt1
sqrtobj.sqrt2

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

Atas ialah kandungan terperinci Apakah tiga kaedah import dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!