ES6 modularization

The default is derived And The default import

Default export Syntax :

export default Default export member

let title = 'node_1.js Members of ';

//  The default is derived 
export default {
  title
}

Default import Syntax :

import Receiving name from ' Module identifier ( route )'

//  The default import 
import title from './node_1'

console.log(title); // {title: 'node_1.js Members of '}

The name of the default import can be arbitrary ( such as : aaa, bbb)

Export... On demand And Import on demand

Export... On demand

//  Export... On demand 
export let title2 = 'title2 The content of ';

 perhaps 

let title2 = 'title2 The content of ';
export {
    title2
}

Import on demand

//  Import on demand 
import { title2 } from './node_1'

console.log(title2); // title2 The content of 

Import modify name on demand

//  Import on demand 
import { title2 as title3 } from './node_1' //  Use as  take title2  It is amended as follows title3

console.log(title3); // title2 The content of 

Be careful :

The page can have both on-demand export and default Export , How many can be exported on demand , But there can't be many default exports ;

The default import and on-demand import can be carried out on the same line

//  The default import   and   Import on demand   At the same time 
import title, { title2 } from './node_1'

Import and execute module code directly

Simply execute the module code , No need to export and import

index_1.js

// index_1.js Code 
for (let i = 0; i < 3; i++) {
  console.log(i);
}

 index_2.js

// index_2.js Code 
import './node_1'; //  It's just for index_1.js Code execution , No need to receive