JS import and export

export

Expression Export

//  Export variables / Constant 
export const name = 'hello'
export let addr = 'BeiJing City'
export var list = [1, 2 , 3]

//  The export function 
export function say (content){
    
  console.log(content);
}
export function run (){
    
  console.log('run')
}

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

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

Object based export

//  Export variables / Constant 
const name = 'hello'
let addr = 'BeiJing City'
var list = [1, 2 , 3]
export {
    
	name,
	addr,
	list
}

//  The export function 
const say = (content) => {
    
	console.log(content);
}
let run = () => {
    
	console.log('run');
}
export {
    
	say,
	run
}

//  Export object 
let data = {
    
  code: 0,
  message: 'success'
}
export {
    
  data
}

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

The default is derived

A file can only have one default export module

See import for example

Import

Import of the default export module 、 Modify the export / Import module name

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

import list, {
    cname, caddr, phone as cphone } from A

The overall import

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

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

perhaps

import * as mod from A
//  The default exported variables are exported in batches , You can use the attribute named default From the variables of 
console.log(mod.default);
console.log(mod.cname);
console.log(mod.caddr);