搜尋
首頁web前端js教程Javascript的嚴格模式strict mode詳細介紹_javascript技巧

「嚴格模式」(strict mode)是ECMA-262 Edition 5定義的新語法,表示要用嚴格的Javascript語法來執行,有一些過去慣用的寫法就會拋出SyntaxError異常,例如:
1.變數前沒有用var宣告
2.使用八進位語法:var n = 023和var s = "

一、為什麼使用」嚴格模式」(strict mode)


設立」嚴格模式」的目的,主要有以下幾個:

1.消除Javascript語法的一些不合理、不嚴謹之處,減少一些怪異行為;
2.消除程式碼運作的一些不安全之處,保證程式碼運作的安全性;
3.提高編譯器效率,增加運轉速度;
4.為未來新版本的Javascript做好鋪墊。

「嚴格模式」體現了Javascript更合理、更安全、更嚴謹的發展方向,包括IE 10在內的主流瀏覽器,都已經支援它,許多大專案已經開始全面擁抱它。
另一方面,同樣的程式碼,在”嚴格模式”中,可能會有不一樣的運行結果;一些在”正常模式”下可以運行的語句,在”嚴格模式下將不能運行。掌握這些內容,有助於更細緻、深入理解Javascript,讓你變成更好的程式設計師。

本文將對」嚴格模式」做詳細介紹。


二、宣告」嚴格模式」(strict mode)

宣告」嚴格模式」(strict mode)很簡單只有一條語句:

複製程式碼

程式碼如下:

"use strict";


註:舊版的瀏覽器會把它當作一行普通字串,加以忽略。

三、宣告」嚴格模式」(strict mode)的位置及上下文關係 「嚴格模式」(strict mode)主要是影響他所在的scope,如果在函數中使用,並不會讓global scope以及其他未使用的函數變成」嚴格模式」(strict mode)。也就是說 嚴格模式聲明的範圍取決於其上下文。 如果在全域上下文(函數的範圍之外)中聲明嚴格模式,則程式中的所有程式碼都處於嚴格模式。 如果在函數中聲明嚴格模式,則函數中的所有程式碼都處於嚴格模式。 例如,在下面的範例中,所有程式碼都處於嚴格模式,且函數外部的變數宣告會導致出現語法錯誤:「嚴格模式下未定義變數」。 「嚴格模式」有兩種呼叫方法,適用於不同的場合。
1.針對整個腳本檔案

將”use strict」放在腳本檔案的第一行,則整個腳本都將以”嚴格模式”運行。如果這行語句不在第一行,則無效,整個腳本以”正常模式”運行。如果不同模式的程式碼文件合併成一個文件,這一點需要特別注意。

(嚴格地說,只要前面不是產生實際運行結果的語句,」use strict」可以不在第一行,例如直接跟在一個空的分號後面。)

複製程式碼

程式碼如下:


<script><P>" strict 🎜>console.log("這是嚴格模式。");<div class="codetitle"></script> <script><U>console.log("這是正常模式。");</script>
上面的程式碼表示,一個網頁中依序有兩段Javascript程式碼。前一個script標籤是嚴格模式,後者不是。


2. 針對單一函數

將”use strict」放在函數體的第一行,則整個函數以”嚴格模式”運行。


複製程式碼

程式碼如下:

function strict(){


function strict(){" stric ;return "這是嚴格模式。";}function notStrict() {return "這是正常模式。";}

3.腳本檔案的變通寫法

因為第一種呼叫方法不利於檔案合併,所以更好的做法是,借用第二種方法,將整個腳本檔案放在一個立即執行的匿名函數之中。
複製程式碼 程式碼如下:

(function (){


(function (){

"use strict";

// some code here

})();

四、」嚴格模式」(strict mode)下語法與行為改變

「嚴格模式」(strict mode)對Javascript的語法和行為,都做了一些改變。

1.全域變數明確宣告

在正常模式中,我們在使用變數的時候不一定要先用var宣告(明確宣告),但在Strict Mode下,變數使用前必須先用var宣告後才能拿來用,否則會出現錯誤。 複製程式碼

程式碼如下:


"use strict";

"use strict";

v = 1; // 報錯,v未宣告for(i = 0; i }

因此,嚴格模式下,變數都必須先用var指令聲明,然後再使用。

2.靜態綁定



Javascript語言的一個特點,就是允許”動態綁定”,即某些屬性和方法到底屬於哪一個對象,不是在編譯時確定的,而是在運行時(runtime)確定的。 嚴格模式對動態綁定做了一些限制。某些情況下,只允許靜態綁定。也就是說,屬性和方法到底歸屬哪個對象,在編譯階段就確定。這樣做有利於編譯效率的提高,也使得程式碼更容易閱讀,更少出現意外。

具體來說,涉及以下幾個方面。


複製程式碼


程式碼如下:

"use strict";"use strict";

var v = 111 ;
with (o){ // 語法錯誤
v = 2;

}(2)創設eval作用域 正常模式下,Javascript語言有兩種變數作用域(scope):全域作用域和函數作用域。嚴格模式創設了第三種作用域:eval作用域。
正常模式下,eval語句的作用域,取決於它處於全域作用域,還是處於函數作用域。嚴格模式下,eval語句本身就是一個作用域,不再能夠產生全域變數了,它所產生的變數只能用於eval內部。




複製程式碼

程式碼如下:

"use strict";


"use strict";
console.info(eval("var x = 5; x")); // 5console.info(x); // 2 3 .增強的安全措施


(1)禁止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未定義
在普通的函數呼叫f()中,this的值會指向全域物件.在嚴格模式中,this的值會指向undefined.當函數透過call和apply呼叫時,如果傳入的thisvalue參數是一個null和undefined除外的原始值(字串,數字,布林值),則this的值會成為那個原始值對應的包裝物件,如果thisvalue參數的值是undefined或null,則this的值會指向全域物件.在嚴格模式中,this的值就是thisvalue參數的值,沒有任何型別轉換.

(2)禁止在函數內部遍歷呼叫堆疊

複製程式碼 程式碼如下:
程式碼如下:
function f1(){


"use strict";
f1.caller; // 報錯
f1.arguments; // 報錯
}
f1();

4.禁止刪除變數


嚴格模式下無法刪除變數。只有configurable設定為true的物件屬性,才能被刪除。

程式碼如下:


"use strict";


"use strict";
var x
delete x; // 語法錯誤
var o = Object.create(null, 'x', {
value: 1,configurable: true

});delete o.xx ; // 刪除成功


5 .明確報錯

複製程式碼


程式碼如下:

"use strict";

"use strict";var = {* };Object.defineProperty(o, "v", { value: 1, writable: false });o.v = 2; // 報錯嚴格模式下,對一個使用getter方法讀取的屬性進行賦值,會報錯。


複製程式碼


程式碼如下:


"use strict";
嚴格模式下,對禁止擴充的物件新增屬性,會報錯。



複製程式碼

程式碼如下:"use strict";"use strict";
var = {* };
Object.preventExtensions(o);
o.v = 1; // 報錯
嚴格模式下,刪除一個不可刪除的屬性,會報錯。

複製代碼

代碼如下:

"use strict";

delete Object.prototype ; // 報錯

6.重名錯誤 嚴格模式新增了一些文法錯誤。
(1)物件不能有重名的屬性


正常模式下,如果物件有多個重名屬性,最後賦值的那個屬性會覆寫前面的值。嚴格模式下,這屬於文法錯誤。

複製程式碼

程式碼如下:


"use strict";"use strict";var = {* p: 1,p: 2
}; // 文法錯誤



(2)函數不能有重名的參數
正常模式下,如果函數有多個重名的參數,可以用arguments[i]讀取。嚴格模式下,這屬於文法錯誤。

複製程式碼

程式碼如下:"use strict";
"use strict";


"usea>function , a, b) { // 語法錯誤
return ;
} 7.禁止八進位表示法 正常模式下,整數的第一位如果是0,表示這是八進位數,例如0100等於十進制的64。嚴格模式禁止這種表示法,整數第一位為0,將報錯。 複製程式碼 程式碼如下:"use strict";"use strict";8.arguments物件的限制

arguments是函數的參數對象,嚴格模式對它的使用做了限制。

(1)不允許對arguments賦值

複製代碼 代碼如下:

"use strict";
arguments ; // 語法錯誤
var obj = { set p(arguments) { } }; // 語法錯誤
try { } catch ( arguments) { } // 語法錯誤
function arguments() { } // 語法錯誤
var f = new Function("arguments", "'use strict'; return 17;"); // 語法錯誤

(2)arguments不再追蹤參數的變化

複製代碼 代碼如下:
function f(a) {
a = 2;
return [a, arguments[0]];
}
f(1); // 正常模式為[2,2]
function f(a) {
"use strict";
a = 2;
return [a, arguments[0]];
}
f (1); // 嚴格模式為[2,1]

(3)禁止使用arguments.callee 這意味著,你無法在匿名函數內部呼叫自身了。


複製程式碼 程式碼如下:
"use strict";


"use strict";
f(); // 報錯

9. 函數必須宣告在頂層


將來Javascript的新版本會引入」區塊級作用域」。為了與新版本接軌,嚴格模式只允許在全域作用域或函數作用域的頂層聲明函數。也就是說,不允許在非函數的程式碼區塊內聲明函數。 複製程式碼
程式碼如下:


"use strict";
function f() { } // 語法錯誤
}
for (var i = 0; i function f2() { } // 語法錯誤
}
10. 保留字



為了在將來Javascript的新版本過渡,嚴格模式新增了一些保留字:implements, interface, let, package, private, protected, public, static, yield。

使用這些字作為變數名稱將會報錯。 複製程式碼
程式碼如下:


function package(protected) {package(protected) {package(protected) {package(protected) >"use strict";
var implements; // 語法錯誤
}
此外,ECMAscript第五版本身也規定了另一些保留字(class, enum, export, extends, import , super),以及各大瀏覽器自行增加的const保留字,也是不能作為變數名稱的。
陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
JavaScript的角色:使網絡交互和動態JavaScript的角色:使網絡交互和動態Apr 24, 2025 am 12:12 AM

JavaScript是現代網站的核心,因為它增強了網頁的交互性和動態性。 1)它允許在不刷新頁面的情況下改變內容,2)通過DOMAPI操作網頁,3)支持複雜的交互效果如動畫和拖放,4)優化性能和最佳實踐提高用戶體驗。

C和JavaScript:連接解釋C和JavaScript:連接解釋Apr 23, 2025 am 12:07 AM

C 和JavaScript通過WebAssembly實現互操作性。 1)C 代碼編譯成WebAssembly模塊,引入到JavaScript環境中,增強計算能力。 2)在遊戲開發中,C 處理物理引擎和圖形渲染,JavaScript負責遊戲邏輯和用戶界面。

從網站到應用程序:JavaScript的不同應用從網站到應用程序:JavaScript的不同應用Apr 22, 2025 am 12:02 AM

JavaScript在網站、移動應用、桌面應用和服務器端編程中均有廣泛應用。 1)在網站開發中,JavaScript與HTML、CSS一起操作DOM,實現動態效果,並支持如jQuery、React等框架。 2)通過ReactNative和Ionic,JavaScript用於開發跨平台移動應用。 3)Electron框架使JavaScript能構建桌面應用。 4)Node.js讓JavaScript在服務器端運行,支持高並發請求。

Python vs. JavaScript:比較用例和應用程序Python vs. JavaScript:比較用例和應用程序Apr 21, 2025 am 12:01 AM

Python更適合數據科學和自動化,JavaScript更適合前端和全棧開發。 1.Python在數據科學和機器學習中表現出色,使用NumPy、Pandas等庫進行數據處理和建模。 2.Python在自動化和腳本編寫方面簡潔高效。 3.JavaScript在前端開發中不可或缺,用於構建動態網頁和單頁面應用。 4.JavaScript通過Node.js在後端開發中發揮作用,支持全棧開發。

C/C在JavaScript口譯員和編譯器中的作用C/C在JavaScript口譯員和編譯器中的作用Apr 20, 2025 am 12:01 AM

C和C 在JavaScript引擎中扮演了至关重要的角色,主要用于实现解释器和JIT编译器。1)C 用于解析JavaScript源码并生成抽象语法树。2)C 负责生成和执行字节码。3)C 实现JIT编译器,在运行时优化和编译热点代码,显著提高JavaScript的执行效率。

JavaScript在行動中:現實世界中的示例和項目JavaScript在行動中:現實世界中的示例和項目Apr 19, 2025 am 12:13 AM

JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用,涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。

JavaScript和Web:核心功能和用例JavaScript和Web:核心功能和用例Apr 18, 2025 am 12:19 AM

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互;2)在用戶提交數據前進行客戶端驗證,提高用戶體驗;3)通過AJAX技術實現與服務器的無刷新通信。

了解JavaScript引擎:實施詳細信息了解JavaScript引擎:實施詳細信息Apr 17, 2025 am 12:05 AM

理解JavaScript引擎內部工作原理對開發者重要,因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段;2)執行過程中,引擎會進行動態優化,如內聯緩存和隱藏類;3)最佳實踐包括避免全局變量、優化循環、使用const和let,以及避免過度使用閉包。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)