Как я смог изменить импортированное значение в ES6?

Question

//lib-es6.js

export let counter = 3;
export function incCounter() {
  counter++;
}

Из 16.7.2 раздела , учитывая, что даже если мы импортируем модуль через звездочку (*), импортированное значение не может быть изменено.

//main-es6.js

import * as lib from './lib-es6'; // imported via asterisk(*)

// The imported value `counter` is live
console.log(lib.counter); // 3 . => I expected this
lib.incCounter();
console.log(lib.counter); // 4 . => I expected this

/****************************************/ 
// But I was able to change lib.counter.
// Question: Can we change imported value in ES6 if we import it via asterisk (*)?
lib.counter++; // Not an error. ==> I DID NOT expected this.
console.log(lib.counter); // 5
/****************************************/    

Answer 1

Вы на самом деле не выполняете модуль ES, вы выполняете модуль CommonJS (который был перенесен из модуля ES). Вы должны получить ожидаемый результат, если вы выполняете этот код нативно:

• На Node.js 12 с --experimental-modules: http://2ality.com/2019/04/nodejs-esm-impl.html
• В современном браузере.