JavaScript 22. 嚴格模式(use strict)

文章目錄

JavaScript 22. 嚴格模式(use strict)

1. 使用 "use strict" 指令
2. 嚴格模式聲明
3. 嚴格模式的限制
4. 保留關鍵字

1. 使用 “use strict” 指令

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

它不是一條語句，但是是一個字面量表達式，在 JavaScript 舊版本中會被忽略。

“use strict” 的目的是指定代碼在嚴格條件下執行。

嚴格模式下你不能使用未聲明的變量。

支援嚴格模式的浏覽器:Internet Explorer 10 +、Firefox 4+、 Chrome 13+、 Safari 5.1+、

Opera 12+。

2. 嚴格模式聲明

嚴格模式通過在腳本或函數的頭部添加

use strict;

表達式來聲明。

執行個體中我們可以在浏覽器按下

F12

(或點選"工具>更多工具>開發者工具") 開啟調試模式，檢視報錯資訊。

也可以通過右擊滑鼠，選擇 “檢查” 來檢視，Gif 圖示範如下：

執行個體

"use strict";
x = 3.14;       // 報錯 (x 未定義)

執行個體

"use strict";
myFunction();

function myFunction() {
    y = 3.14;   // 報錯 (y 未定義)
}

在函數内部聲明是局部作用域 (隻在函數内使用嚴格模式):

執行個體

x = 3.14;       // 不報錯
myFunction();

function myFunction() {
   "use strict";
    y = 3.14;   // 報錯 (y 未定義)
}

為什麼使用嚴格模式:

消除Javascript文法的一些不合理、不嚴謹之處，減少一些怪異行為;
消除代碼運作的一些不安全之處，保證代碼運作的安全；
提高編譯器效率，增加運作速度；
為未來新版本的Javascript做好鋪墊。

"嚴格模式"展現了Javascript更合理、更安全、更嚴謹的發展方向，包括IE 10在内的主流浏覽器，都已經支援它，許多大項目已經開始全面擁抱它。

另一方面，同樣的代碼，在"嚴格模式"中，可能會有不一樣的運作結果；一些在"正常模式"下可以運作的語句，在"嚴格模式"下将不能運作。掌握這些内容，有助于更細緻深入地了解Javascript，讓你變成一個更好的程式員。

3. 嚴格模式的限制

不允許使用未聲明的變量：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>

<h1>使用 "use strict":</h1>
<h3>不允許使用未定義的變量。</h3>
<p>浏覽器按下 F12 開啟調試模式，檢視報錯資訊。</p>
<script>
"use strict";
x = 3.14;       // 報錯 (x 未定義)
</script>

</body>
</html>

輸出：

使用 "use strict":

對象也是一個變量。

"use strict";
x = {p1:10, p2:20};      // 報錯 (x 未定義)

不允許删除變量或對象。

"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;

不允許使用以下這種語句:

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

由于一些安全原因，在作用域

eval（)

建立的變量不能被調用：

"use strict";
eval（"var x = 2");
alert (x);

禁止this關鍵字指向全局對象。

function f(){
    return !this;
} 
// 傳回false，因為"this"指向全局對象，"!this"就是false

function f(){ 
    "use strict";
    return !this;
} 
// 傳回true，因為嚴格模式下，this的值為undefined，是以"!this"為true。

是以，使用構造函數時，如果忘了加new，this不再指向全局對象，而是報錯。

function f(){
    "use strict";
    this.a = 1;
};
f();// 報錯，this未定義

4. 保留關鍵字

implements
interface
let
package
private
protected
public
static
yield

"use strict";
var public = 1500;

JavaScript 22. 嚴格模式(use strict)