es6的import变量了之后,变量无法更改?

小白一个,问个很简单的问题:

a.js里面:

let serverUrl=1;
export {serverUrl}

test.js里面:

import {serverUrl} from "./a";
import * as a from './a';
serverUrl++;
console.log(serverUrl)
console.log(a.serverUrl)

为何报错呢?似乎serverUrl这个变量无法修改只能访问?

是的,相当于私有的变量,别的模块只有查看权限,只能赋值后再使用。