JavaScript 嚴(yán)格模式
JavaScript 嚴(yán)格模式(strict mode)即在嚴(yán)格的條件下運(yùn)行。
使用 "use strict" 指令
"use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。
它不是一條語句,但是是一個(gè)字面量表達(dá)式,在 JavaScript 舊版本中會(huì)被忽略。
"use strict" 的目的是指定代碼在嚴(yán)格條件下執(zhí)行。
嚴(yán)格模式下你不能使用未聲明的變量。
![]() | 支持嚴(yán)格模式的瀏覽器: Internet Explorer 10 +、 Firefox 4+ Chrome 13+、 Safari 5.1+、 Opera 12+。 |
---|
嚴(yán)格模式聲明
嚴(yán)格模式通過在腳本或函數(shù)的頭部添加 "use strict"; 表達(dá)式來聲明。
實(shí)例中我們可以在瀏覽器按下 F12 (或點(diǎn)擊"工具>更多工具>開發(fā)者工具") 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>不允許使用未定義的變量。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; x = 3.14; // 報(bào)錯(cuò) (x 未定義) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h2>全局 "use strict" 聲明.</h2> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; myFunction(); function myFunction() { y = 3.14; // 報(bào)錯(cuò) (y 未定義) } </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
在函數(shù)內(nèi)部聲明是局部作用域 (只在函數(shù)內(nèi)使用嚴(yán)格模式):
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p>在函數(shù)內(nèi)使用 "use strict" 只在函數(shù)內(nèi)報(bào)錯(cuò)。 </p> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> x = 3.14; // 不報(bào)錯(cuò) myFunction(); function myFunction() { "use strict"; y = 3.14; // 報(bào)錯(cuò) (y 未定義) } </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
為什么使用嚴(yán)格模式:
消除Javascript語法的一些不合理、不嚴(yán)謹(jǐn)之處,減少一些怪異行為;
消除代碼運(yùn)行的一些不安全之處,保證代碼運(yùn)行的安全;
提高編譯器效率,增加運(yùn)行速度;
為未來新版本的Javascript做好鋪墊。
"嚴(yán)格模式"體現(xiàn)了Javascript更合理、更安全、更嚴(yán)謹(jǐn)?shù)陌l(fā)展方向,包括IE 10在內(nèi)的主流瀏覽器,都已經(jīng)支持它,許多大項(xiàng)目已經(jīng)開始全面擁抱它。
另一方面,同樣的代碼,在"嚴(yán)格模式"中,可能會(huì)有不一樣的運(yùn)行結(jié)果;一些在"正常模式"下可以運(yùn)行的語句,在"嚴(yán)格模式"下將不能運(yùn)行。掌握這些內(nèi)容,有助于更細(xì)致深入地理解Javascript,讓你變成一個(gè)更好的程序員。
嚴(yán)格模式的限制
不允許使用未聲明的變量:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>不允許使用未定義的變量。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; x = 3.14; // 報(bào)錯(cuò) (x 未定義) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
![]() | 對(duì)象也是一個(gè)變量。 |
---|
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>不允許使用為定義的對(duì)象。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; x = {p1:10, p2:20}; // 報(bào)錯(cuò) (x 未定義) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
不允許刪除變量或?qū)ο蟆?/p>
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>不允許刪除變量或?qū)ο蟆?lt;/h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; var x = 3.14; delete x; </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
不允許刪除函數(shù)。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>不允許刪除函數(shù)。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; function x(p1, p2) {}; delete x; </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
不允許變量重名:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>不允許變量重名。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; function x(p1, p1) {}; // 報(bào)錯(cuò) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
不允許使用八進(jìn)制:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>不允許使用八進(jìn)制。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; var x = 010; // 報(bào)錯(cuò) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
不允許使用轉(zhuǎn)義字符:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>不允許使用轉(zhuǎn)義字符。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; var x = \010; // 報(bào)錯(cuò) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
不允許對(duì)只讀屬性賦值:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>不允許對(duì)只讀屬性賦值。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; var obj = {}; Object.defineProperty(obj, "x", {value:0, writable:false}); obj.x = 3.14; // 報(bào)錯(cuò) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
不允許對(duì)一個(gè)使用getter方法讀取的屬性進(jìn)行賦值
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>不允許對(duì)一個(gè)使用getter方法讀取的屬性進(jìn)行賦值。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; var obj = {get x() {return 0} }; obj.x = 3.14; // 報(bào)錯(cuò) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
不允許刪除一個(gè)不允許刪除的屬性:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>不允許刪除一個(gè)不允許刪除的屬性值。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; delete Object.prototype; // 報(bào)錯(cuò) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
變量名不能使用 "eval" 字符串:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>變量名不能使用 "eval" 字符串。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; var eval = 3.14; // 報(bào)錯(cuò) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
變量名不能使用 "arguments" 字符串:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>變量名不能使用 "arguments" 字符串。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; var arguments = 3.14; // 報(bào)錯(cuò) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
不允許使用以下這種語句:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>不允許使用以下這種語句。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; with (Math){x = cos(2)}; // 報(bào)錯(cuò) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
由于一些安全原因,在作用域 eval() 創(chuàng)建的變量不能被調(diào)用:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>由于一些安全原因,在作用域 eval() 創(chuàng)建的變量不能被調(diào)用。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; eval ("var x = 2"); alert (x); // 報(bào)錯(cuò) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
禁止this關(guān)鍵字指向全局對(duì)象。
function f(){ return !this; } // 返回false,因?yàn)?quot;this"指向全局對(duì)象,"!this"就是false function f(){ "use strict"; return !this; } // 返回true,因?yàn)閲?yán)格模式下,this的值為undefined,所以"!this"為true。
因此,使用構(gòu)造函數(shù)時(shí),如果忘了加new,this不再指向全局對(duì)象,而是報(bào)錯(cuò)。
function f(){ "use strict"; this.a = 1; }; f();// 報(bào)錯(cuò),this未定義
保留關(guān)鍵字
為了向?qū)鞪avascript的新版本過渡,嚴(yán)格模式新增了一些保留保留關(guān)鍵字:
implements
interface
let
package
private
protected
public
static
yield
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>使用 "use strict":</h1> <h3>嚴(yán)格模式不允許使用保留關(guān)鍵字。</h3> <p>瀏覽器按下 F12 開啟調(diào)試模式,查看報(bào)錯(cuò)信息。</p> <script> "use strict"; var public = 1500; // 報(bào)錯(cuò) </script> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
![]() | "use strict" 指令只運(yùn)行出現(xiàn)在腳本或函數(shù)的開頭。 |
---|