JavaScript 严格模式
JavaScript 严格模式,即是 "use strict";
定义 JavaScript 代码应该以“严格模式”执行。
"use strict" 指令
"use strict" 是 JavaScript 1.8.5 中的新指令(ECMAScript version 5)。
它不算一条语句,而是一段文字表达式,更早版本的 JavaScript 会忽略它。
"use strict"; 的作用是指示 JavaScript 代码应该以“严格模式”执行。
在严格模式中,您无法,例如,使用未声明的变量。
以下版本的浏览器支持严格模式:
- 版本 10 以后的 IE
- 版本 4 以后的 Firefox
- 版本 13 以后的 Chrome
- 版本 5.1 以后的 Safari
- 版本 12 以后的 Opera
声明严格模式
通过在脚本或函数的开头添加 "use strict"; 来声明严格模式。
在脚本开头进行声明,拥有全局作用域(脚本中的所有代码均以严格模式来执行):
<script>"use strict";x = 3.14; // 会引发错误(x 未定义)</script>
在函数中声明严格模式,拥有局部作用域(只有函数中的代码以严格模式执行):
<!DOCTYPE html><html><body><p>函数中的“use strict”只会导致该函数出错。</p><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>x = 3.14; // 不会引发错误myFunction();function myFunction() {"use strict";y = 3.14; // 会引发错误(y 未定义)}</script></body></html>
"use strict"; 语法
声明严格模式的语法被设计为兼容更早版本的 JavaScript。
编译 JavaScript 程序中的数值文字(比如 4+5)或字符串文字("Bill Gates")不会有负面效果。它只会编译为不存在的变量然后消失。
所有 "use strict"; 只会对“理解”其含义的新编译器产生影响。
为什么使用严格模式?
严格模式使我们更容易编写“安全的” JavaScript。
严格模式把之前可接受的“坏语法”转变为真实的错误。
举例来说,在普通的 JavaScript 中,错打变量名会创建新的全局变量。在严格模式中,此举将抛出错误,这样就不可能意外创建全局变量。
在普通 JavaScript 中,如果向不可写属性赋值,开发者不会得到任何错误反馈。
在严格模式中,向不可写的、只能读取的、不存在的属性赋值,或者向不存在的变量或对象赋值,将抛出错误。
严格模式中不允许的事项
在不声明变量的情况下使用变量,是不允许的:
<!DOCTYPE html><html><body><h3>不允许使用变量而不声明它。</h3><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";x = 3.14; // 会引发错误(x 未定义)</script></body></html>
对象也是变量
在不声明对象的情况下使用对象也是不允许的:
<!DOCTYPE html><html><body><h3>不允许使用对象而不声明它。</h3><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";x = {p1:10, p2:20}; // 会引发错误(x 未定义)</script></body></html>
删除变量(或对象)是不允许的:
<!DOCTYPE html><html><body><h3>不允许删除变量(或对象)。</h3><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";var x = 3.14;delete x; // 会引发错误</script></body></html>
删除函数是不允许的:
<!DOCTYPE html><html><body><h3>不允许删除函数。</h3><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";function x(p1, p2) {};delete x; // 会引发错误</script></body></html>
重复参数名是不允许的:
<!DOCTYPE html><html><body><h3>不允许复制参数名称。</h3><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";function x(p1, p1) {}; // 会引发错误</script></body></html>
八进制数值文本是不允许的:
<!DOCTYPE html><html><body><h3>不允许使用八进制数字字面量。</h3><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";var x = 010; // 会引发错误</script></body></html>
转义字符是不允许的:
<!DOCTYPE html><html><body><h3>不允许使用八进制转义字符。</h3><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";var x = "\010"; // 会引发错误</script></body></html>
写入只读属性是不允许的:
<!DOCTYPE html><html><body><h2>不允许写入只读属性。</h2><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";var obj = {};Object.defineProperty(obj, "x", {value:0, writable:false});obj.x = 3.14; // 会引发错误</script></body></html>
写入只能获取的属性是不允许的:
<!DOCTYPE html><html><body><h2>不允许写入 get-only 属性。</h2><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";var obj = {get x() {return 0} };obj.x = 3.14; // 会引发错误</script></body></html>
删除不可删除的属性是不允许的:
<!DOCTYPE html><html><body><h3>不允许删除 undeletable 属性。</h3><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";delete Object.prototype; // 会引发错误</script></body></html>
字符串 "eval" 不可用作变量:
<!DOCTYPE html><html><body><h3>字符串“eval”不能用作变量。</h3><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";var eval = 3.14; // 会引发错误</script></body></html>
字符串 "arguments" 不可用作变量:
<!DOCTYPE html><html><body><h3>字符串“arguments”不能用作变量。</h3><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";var arguments = 3.14; // 会引发错误</script></body></html>
with 语句是不允许的:
<!DOCTYPE html><html><body><h3>不允许使用 with 语句。</h3><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";with (Math){x = cos(2)}; // 会引发错误</script></body></html>
处于安全考虑,不允许 eval() 在其被调用的作用域中创建变量:
<!DOCTYPE html><html><body><h3>出于安全原因,不允许 eval() 在调用它的作用域内创建变量。</h3><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";eval ("var x = 2");alert (x); // This will cause an error</script></body></html>
在类似 f() 的函数调用中,this 的值是全局对象。在严格模式中,现在它成为了 undefined。
对未来的保障
严格模式中不允许使用为未来预留的关键词。它们是:
- implements
- interface
- let
- package
- private
- protected
- public
- static
- yield
<!DOCTYPE html><html><body><h3>严格模式中不允许使用为未来预留的关键词:</h3><p>在浏览器中激活调试(F12)以查看错误报告。</p><script>"use strict";var public = 1500; // 会引发错误</script></body></html>