javascript 易踩的坑 0x02：模块module与严格模式

模块module与严格模式

ES6 的模块 module 自动采用严格模式。

比如在 node 项目的根目录下，编辑 package.json，写入

{
    "type":"module"
}

则项目 js 文件使用严格模式运行，届时，如果有不符合严格模式语法规则的情况，将会报错。

将单个 .js 文件改为 .mjs 后缀名，该文件也会使用严格模式执行。

又或者直接在源代码的顶部写入（必须得是最顶部，或者是确保是非注释代码的第一行，如果放到其他地方， JavaScript 不会识别，只会当成是普通字符串。）

"use strict";	// 的确是加引号的字符串，单引号也可以。

也会使用严格模式。

如：

严格模式下，变量必须先声明后使用。

// 非严格模式
console.log(b); // 打印了一个空行
console.log(c); // 报错，c 未被定义
function test(){
    var a = 2;
    b = 3 ;     // 可以不提前声明变量b，这种形式,虽然在函数里，但会直接生成一个全局变量b（在该函数执行后）
}
test();         // 顺利执行，执行后生成全局变量b
console.log(b); // 3
console.log(a); // 反而报错，a 未被定义

// 严格模式
function test(){
    var a = 2;
    b = 3 ;     // 非法
}
test();         // 报错，b is not defined

严格或非严格模式下，都可以成功 delete 属性。但严格模式下，delete变量会报错，而非严格模式下，delete变量不会报错，但也不会成功（返回 false）；

// 非严格模式
let b = 3;
console.log(b);         // 3
let a = delete b;       // 执行成功
console.log(b);         // 3
console.log(a);         // false


// 严格模式，删除变量
let b = 3;
console.log(b); // 3
delete b;       // 报错，Delete of an unqualified identifier in strict mode.

// 严格模式，删除变量
let a = {};
a.b = 3;
console.log(a.b);   // 3
delete a.b;
console.log(a.b);   // undefined