1. 程式人生 > >20181128——js中的common和es6模組

20181128——js中的common和es6模組

commonjs模組和es6模組最主要的區別:commonjs模組是拷貝,es6模組是引用
一、基本資料型別的模組
es6模組

export var a1 = 1;
setTimeout(() => a1 = 2, 500);

commonjs模組

var a2 = 2; 
module.exports = a2;

setTimeout(() => a2 = 3 ,500);

index.js測試

import { a1 } from './a1';
const a2 = require('./a2');

setTimeout(() => console.log(a1, a2), 1000); // 2,2

得出結論是:es6模組是引用,且只存在只讀狀態,不能修改其變數值(說的更準確點,不能修改其變數的指標指向,但可以改變內部指標指向,在複雜資料型別的模組會講解);commonjs是拷貝,且能修改其值(者就叫修改指標指向),至於是深拷貝還淺拷貝,也會在在複雜資料型別的模組會講解。

複雜資料型別的模組
es6模組

export const person = {
    name: 'lc',
    friends: ['xm','xh']
};
setTimeout(() => person.name ='liangcheng', 500);

commonjs模組

var dog = {
    name: 'xsz', // 不要猜測是誰的名字
    owner: ['lc']
};
module.exports = dog;

setTimeout(() => dog.name = 'xushizhou' ,500);

測試

import { person } from './a1';
const dog = require('./a2');

setTimeout(() => console.log(person.name, dog.name), 1000); //liangcheng xushizhou

node.js目前不支援import和export這種語法,需要安裝依賴包