搜尋
首頁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
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

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脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

SecLists

SecLists

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