26、ECMAScript 6 模块：特性、使用与加载详解

ECMAScript 6 模块：特性、使用与加载详解

1. 导入绑定的微妙特性

ECMAScript 6 的 import 语句会为变量、函数和类创建只读绑定，而非像普通变量那样简单引用原始绑定。导入绑定的模块无法更改绑定的值，但导出该标识符的模块可以。

例如，有如下模块：

export var name = "Nicholas";
export function setName(newName) {
    name = newName;
}

当导入这两个绑定时， setName() 函数可以改变 name 的值：

import { name, setName } from "./example.js";
console.log(name);       // "Nicholas"
setName("Greg");
console.log(name);       // "Greg"
name = "Nicholas";       // throws an error

调用 setName("Greg") 会回到导出 setName() 的模块中执行，将 name 设置为 "Greg" 。这种更改会自动反映在导入的 name