关于ES模块你必须要知道的一些禁忌(一)

背景

ES Module是JavaScript在ES2015版本开始提供的语言标准级别的模块化方案，在此之前JavaScript一直没有语言级别的模块化体系。没有模块化的支持，使用JavaScript开发大型应用将举步维艰，所以经过大量的实践，社区制定了一些模块加载方案，最主要的有运行于浏览器的AMD方案和运行于以Nodejs为代表的服务端的CommonJS方案。

由于Webpack和Babel等打包、转义工具的出现，开发者已经可以在开发中使用ES Module，AMD已是明日黄花，使用的人越来越少，不太值得去关注。但CommonJS方案由于Nodejs在前端构建工具和服务端中的普及度，在Nodejs全面支持ES Module、老版本Nodejs消亡之前，我们还是要关注CommonJS方案以及它与ES Module之间的区别，以免搞混、记忆混淆，酿成bug。为了为后面的禁止点做铺垫，先让我们来了解或回顾两个API：Object.preventExtensions和Object.freeze。

Object.preventExtensions

Object.preventExtensions()将对象标记为不再可扩展，因此它将永远不会具有超出它被标记为不可扩展的属性。注意，一般来说，不可扩展对象的属性可能仍然可被删除。尝试将新属性添加到不可扩展对象将静默失败或抛出TypeError（在strict mode下）
当我们在严格模式下，尝试对不可拓展的对象进行属性添加时，就会抛出异常，具体代码如下：

"use strict"
var obj = {
    age: 23,
    name: 'rioli',
    city: ['sz', 'jy']
};
Object.preventExtensions(obj);
obj.province = 'GD';

运行结果：

Uncaught TypeError: Cannot add property 'province', object is not extensible 

Object.freeze

Object.freeze() 方法可以冻结一个对象，冻结指的是不能向这个对象添加新的属性，不能修改其已有属性的值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。该方法返回被冻结的对象。
当我们在严格模式下，尝试对已冻结的对象进行属性修改时，就会抛出异常，具体代码如下：

"use strict"
var obj = {
    age: 23,
    name: 'rioli',
    city: ['sz', 'jy']
};
Object.freeze(obj);
obj.age = 26;

运行结果：

Uncaught TypeError: Cannot assign to read only property 'age' of object '#