JavaScript 严格模式（use strict）

“use strict” 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。

它不是一条语句，但是是一个字面量表达式，在 JavaScript 旧版本中会被忽略。

“use strict” 的目的是指定代码在严格条件下执行。

支持严格模式的浏览器：Internet Explorer 10+、 Firefox 4+、Chrome 13+、 Safari 5.1+、 Opera 12+。

声明严格模式

通过在脚本或函数的开头添加 “use strict”; 来声明严格模式。

在脚本开头进行声明，拥有全局作用域（脚本中的所有代码均以严格模式来执行）。

在函数中声明严格模式，拥有局部作用域（只有函数中的代码以严格模式执行）。

为什么使用严格模式？

• 消除 JavaScript 语法的一些不合理、不严谨之处，减少一些怪异行为;
• 消除代码运行的一些不安全之处，保证代码运行的安全；
• 提高编译器效率，增加运行速度；
• 为未来新版本的 JavaScript 做好铺垫。

注意： 现在网站的 JS 都会进行压缩，一些文件用了严格模式，而另一些没有。这时这些本来是严格模式的文件，被 merge 后，这个串就到了文件的中间，不仅没有指示严格模式，反而在压缩后浪费了字节。

严格模式中不允许的事项

• 不允许使用未声明的变量。对象也是变量，在不声明对象的情况下使用对象也是不允许的。

  "use strict";
  x = 3.14;// 报错
  
  "use strict";
  x = {p1:10, p2:20};// 报错
  

• 不允许删除变量或对象。

  "use strict";
  var x = 3.14;
  delete x;// 报错
  

• 不允许删除函数。

  "use strict";
  function x(p1, p2) {};
  delete x;// 报错
  

• 不允许重复参数名。

  "use strict";
  function x(p1, p1) {};// 报错
  

• 不允许使用八进制。

  "use strict";
  var x = 010;// 报错
  

• 不允许使用转义字符。

  "use strict";
  var x = \010;// 报错
  

• 不允许对只读属性赋值。

  "use strict";
  var obj = {};
  Object.defineProperty(obj, "x", {value:0, writable:false});
  
  obj.x = 3.14;// 报错
  

• 不允许对一个使用 getter 方法读取的属性进行赋值。

  "use strict";
  var obj = {get x() {return 0} };
  
  obj.x = 3.14;// 报错
  

• 不允许删除一个不可删除的属性。

  "use strict";
  delete Object.prototype; // 报错
  

• 变量名不能使用 “eval” 字符串。

  "use strict";
  var eval = 3.14;// 报错
  

• 变量名不能使用 “arguments” 字符串。

  "use strict";
  var arguments = 3.14;// 报错
  

• with语句是不允许的。

  "use strict";
  with (Math){x = cos(2)};// 报错
  

• 出于安全考虑，在作用域 eval() 创建的变量不能被调用。

  "use strict";
  eval ("var x = 2");
  alert (x);// 报错
  

• 在函数体中，this 的值是全局对象。在严格模式中，this 的值是 undefined。

  function f(){
      return !this;
  } 
  // 返回false，因为"this"指向全局对象，"!this"就是false
  
  function f(){ 
      "use strict";
      return !this;
  } 
  // 返回true，因为严格模式下，this的值为undefined，所以"!this"为true。
  

保留关键字

为了向将来 JavaScript 的新版本过渡，严格模式新增了一些保留关键字。严格模式中不允许使用为未来预留的关键字做变量名或函数名。

• implements
• interface
• let
• package
• private
• protected
• public
• static
• yield

参考

• https://www.runoob.com/js/js-strict.html
• https://www.w3school.com.cn/js/js_strict.asp
• https://blog.youkuaiyun.com/weixin_40387601/article/details/80514358