20181128——js中的common和es6模組
阿新 • • 發佈:2018-12-03
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這種語法,需要安裝依賴包