ES 6文法(13)module

ES 6の前に、JSファイル間の導入、導出は、require.js、sea.jsを借りる必要があります.現在、import、exportを使用して、元のJavaScriptの導入、エクスポートができます.export 1.導出変数または定数

export const name = 'hello'
export let addr = 'Beijing'
export var list = [1, 2, 3]

または

const name = 'hello3'
let addr = 'Beijing'
let list = [1, 2, 4]

export default name
export {
  addr,
  list
}

2.エクスポート関数

export function say(content) {
  console.log(content)
}
export function run() {
  console.log('i am running')
}

または

const say = (content) => {
  console.log(content)
}
const run = () => {
  console.log('i am running')
}
export {
  say,
  run
}

3.Objectをエクスポート

export ({
	code: 0,
	message: 'success'
})

または

const des = {
  age: 20,
  addr: 'Beijing'
}
export default {
  des
}

4.クラスをエクスポート

class Test{
	constructor(){
		this.id = 2
	}
}
export{
	Test
}

または

export class Test {
  constructor () {
    this.id = 6
  }
}

5.エクスポート名を変更する

const name = 'hello'
let addr = 'Chengdu City'
var list = [1,2,3]
export{
	name as cname,
	addr as caddr,
	list
}

6.標準エクスポートの設定

const name = 'hello'
let addr = 'Chengdu City'
var list = [1,2,3]
export{
	name as cname,
	addr as caddr
}
export default list

import 1.直接導入仮定導出モジュールAは、このようなものである.

const name = 'hello'
let addr = 'Chengdu City'
var list = [1,2,3]
export{
	name as cname,
	addr as caddr
}
export default list

インポート:

import list, {cname, caddr} from A

2.インポート名を変更する

import list, { cname as name, caddr } from A

3.一括導入

import list, * as mod from A
console.log(list)
console.log(mod.cname)
console.log(mod.caddr)