【メモ】JavaScript ES(6-10)全バージョンの文法を再学習する——モジュール設計(導入とエクスポート)

//          
export const string1 = 'export const'
export let string2 = 'export let'
export var string3 = 'export var'
export const number = 123
export const boolean = true
export const array = [1, 2, 3]
export const obj1 = {
  A: 'a',
  B: 'b'
}
export function f1 () {
  console.log('f1')
}
export class Class1 {
  constructor () {
    this.id = 1
  }
}

const string4 = 'export'
const string5 = 'export default5'
const obj2 = {
  C: 'c',
  D: 'd'
}
const obj3 = {
  E: 'e',
  F: 'f'
}
function f2 () {
  console.log('f2')
}
function f3 () {
  console.log('f3')
}
class Class2 {
  constructor () {
    this.id = 2
  }
}
class Class3 {
  constructor () {
    this.id = 3
  }
}

//     
export {
  string4,
  obj2,
  f2,
  Class2
}

//     （     ，          ）
export default {
  string5,
  obj3,
  f3,
  Class3
}

//         {}，       {}
//             ,          as       
import defaults,
{
  string1, string2 as string20, string3, string4,
  number, boolean, array, obj1, obj2, f1, f2, Class1, Class2
}
  from './1.js'
//       import * as Mode from './1.js',     Mode.       
//     default    Mode.default   

console.log(
  string1, string20, string3, string4,
  number, boolean, array, obj1, obj2, f1, f2, Class1, Class2,
  defaults
)

//            (      ，                 )
let { string5, obj3, f3, Class3 } = defaults
console.log(string5, obj3, f3, Class3)