嚴格模式
首先來了解一下嚴格模式是什么?
嚴格模式是JavaScript中的一種限制性更強的變種方式,不是一個子集:它在語義上與正常代碼有明顯的差異,不支持嚴格模式的瀏覽器與支持嚴格模式的瀏覽器行為上也不一樣,所以不要在未經嚴格模式特性測試情況下使用嚴格模式,嚴格模式可以與非嚴格模式共存,所以腳本可以逐漸的選擇性加入嚴格模式
嚴格模式的目的
首先,嚴格模式會將JavaScript陷阱直接變成明顯的錯誤,其次,嚴格模式修正了一些引擎難以優化的錯誤:同樣的代碼有些時候嚴格模式會比非嚴格模式下更快,第三,嚴格模式禁用了一些有可能在未來版本中定義的語法
全局開啟嚴格模式
在JavaScript中想要開啟嚴格模式,需要在所有代碼之前,定義一個不會賦給任何變量的字符串:
"use strict";//或者"use strict"
如果之前的JavaScript是非嚴格模式的話,建議不要盲目為這段代碼開啟嚴格模式,這樣可能會出現問題,建議按一個個函數去開啟嚴格模式
也可以為某個指定的函數開啟嚴格模式:
//函數外部依舊是非嚴格模式 function fun(){ "user strict";//開啟嚴格模式 }
在匿名函數中使用嚴格模式,相當于在全局開啟嚴格模式的變通實現方式
(function(){ "use strict";//開啟嚴格模式 })();
禁止意外創建變量
在嚴格模式下,不允許意外創建全局變量
下例代碼是非嚴格模式下意外創建全局變量
//未聲明的變量 result="這是一個沒用var聲明的全局變量";
下例代碼是嚴格模式下意外創建全局變量
"use strict";//開啟嚴格模式 //嚴格模式下,意外創建全局變量,拋出ReferenceError message="this is message";//ReferenceError: result is not defined
靜默失敗轉為異常
靜默失敗就是既不報錯也沒有任何效果,例如改變常量的值,在嚴格模式下,靜默失敗會轉換成拋出異常,注意:這個分瀏覽器,有些瀏覽器會,有些不會
下例代碼是非嚴格模式下的靜默失敗
const PI=3.14; PI=1.14;//靜默失敗 console.log(PI);//3.14
下例代碼是嚴格模式下的靜默失敗
"use strict";//開啟嚴格模式 const PI=3.14; PI=1.14;//拋出TypeError錯誤
禁用delete關鍵字
在嚴格模式下,不能對變量使用delete運算符
下例代碼是非嚴格模式下使用delete運算符,結果會靜默失敗
var color="red"; delete color;
下例代碼是嚴格模式下使用delete運算符,結果會拋出異常
"use strict";//開啟嚴格模式 var color="red"; delete color;//SyntaxError: Delete of an unqualified identifier in strict mode.
對變量名的限制
在嚴格模式下,JavaScript對變量名也有限制,特別不能使用implements,interface,let,packge,private,protected,public,stalic,yield這些內容作為變量名,它們都是保留字,在ECMAScript的下一個版本中可能會用到它們,在嚴格模式下,使用這些標識符作為變量名會導致語法錯誤
不可刪除的屬性
在嚴格模式下,不能使用delete運算符刪除不可刪除的屬性
下例代碼是非嚴格模式下使用delete運算符刪除不可刪除的屬性,結果是靜默失敗
delete Object.prototype;
下例代碼是嚴格模式下使用delete運算符刪除不可刪除的屬性,結果會拋出異常
"use strict";//開啟嚴格模式 delete Object.prototype;//TypeError: Cannot delete property "prototype" of function Object() { [native code] }
屬性名必須唯一
在嚴格模式下,一個對象的所有屬性名在對象內必須唯一
下例代碼是非嚴格模式下重名屬性是允許的,最后一個重名的屬性決定其屬性值
var o={p:1,p:2};
下例代碼是嚴格模式下重名屬性被認為是語法錯誤
"use strict";//開啟嚴格模式 var o={p:1,p:2};//不報錯但是語法錯誤
只讀屬性的賦值
在嚴格模式下,不能為一個只讀的屬性進行重新賦值
下例代碼是非嚴格模式為只讀屬性重新賦值,結果會靜默失敗
var obj={}; Object.defineProperty(obj,"name",{ value:"張三", writable:false });//將屬性設置為只讀 obj.name="李四";
下例代碼是嚴格模式下為只讀屬性重新賦值,結果會拋出異常
"use strict";//開啟嚴格模式 var obj={}; Object.defineProperty(obj,"name",{ value:"張三", writable:false });//將屬性設置為只讀 obj.name="李四";//TypeError: Cannot assign to read only property "name" of object "#
不可擴展的對象
在嚴格模式下,不能為不可擴展的對象添加新屬性
下例代碼是非嚴格模式為不可擴展的對象添加新屬性,結果會靜默失敗
var obj={}; Object.preventExtensinons(obj);//將對象設置為不可擴展 obj.name="張三";
下例代碼是嚴格模式下不可擴展的對象添加新屬性,結果會拋出異常
"use strict";//開啟嚴格模式 var obj={}; Object.preventExtensions(obj);//將對象變得不可擴展 obj.name="張三";//TypeError: Cannot add property name, object is not extensible
參數名必須唯一
在嚴格模式下,要求命名函數的參數必須唯一
下例代碼是非嚴格模式下最后一個重名參數名會掩蓋之前的重名參數,之前的參數仍然可以通過arguments[i]來訪問
function sum(a,a,c){}
下例代碼是嚴格模式下重名參數被認為是語法錯誤
function sum(a,a,c){//語法錯誤 "use strict"; return a+a+c;//代碼運行到這里會出錯:SyntaxError: Duplicate parameter name not allowed in this context }
arguments的不同
在嚴格模式下,arguments對象的行為也有所不同
1.非嚴格模式下,修改命名參數的值也會反應到arguments對象中
2.嚴格模式下,命名參數與arguments對象是完全獨立的
function fun(value){ value="haha"; console.log(value);//haha console.log(arguments[0]);//非嚴格模式下 hah //嚴格模式下 hello } showValue("hello"); `` - arguments.callee() 在嚴格模式下,不能使用arguments對象的callee()方法 下例代碼是非嚴格模式下使用arguments對象的callee()方法,表示調用函數本身
var f=function(){
return arguments.callee;
};
f();
下例代碼是嚴格模式下使用arguments對象的callee()方法,結果會拋出異常
"use strict";//開啟嚴格模式
var f=function(){
return arguments.callee;
}
f();/TypeError: "caller", "callee", and "arguments" properties may not be accessed on strict mode functions or the arguments objects for calls to them/
- 函數聲明的限制 在嚴格模式下,只能在全局域和函數域中聲明函數 下例代碼非嚴格模式下在任何位置聲明函數都是合法的
if(true){
function f(){}
}
下例是嚴格模式下在除全局域和函數域中聲明函數是語法錯誤
"use strict";//開啟嚴格模式
if(true){
function f(){}//語法錯誤,但是不報錯
}
- 增加eval作用域 在嚴格模式下,使用eval()函數創建的變量只能在eval()函數內部使用 下例代碼是非嚴格模式下eval()函數創建的變量在其他位置可以使用
eval("var n=40");
console.log(n);//40
下例代碼是嚴格模式下eval()函數創建的變量只能在eval()函數內部使用
"use strict";//開啟嚴格模式
eval("var n=40");
console.log(n);//ReferenceError: n is not defined
- 禁止讀寫 在嚴格模式下,禁止使用eval()和arguments作為標識符,也不允許讀寫它們的值 1.使用var聲明 2.賦予另一個值 3.嘗試修改包含的值 4.用作函數名 5.用作命名的函數的參數 6.在try...catch語句中用作例外名 在嚴格模式下,以下所有嘗試將導致語法錯誤:
"use strict";//開啟嚴格模式
eval=17;
arguments++;
++eval;
var obj={set p(arguments){}};
var eval;
try{}catch(arguments){}
function x(eval){}
function argunments(){}
var y=function eval(){}
var f=new Function("arguments",""use strict";return 20;");
- 抑制this 在非嚴格模式下使用函數apply()或call()方法時,null或undefined值會被轉換為全局對象 在嚴格模式下,函數的this值始終是指定的值(無論什么值)。
var color="red";
function sayColor(){
console.log(this.color);//非嚴格模式下 red /*嚴格模式下:TypeError: Cannot read property "color" of null*/
}
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/97030.html
摘要:什么是嚴格模式嚴格模式是中引入的一種將更好的錯誤檢查引入代碼中的方法現在已經被大多瀏覽器實現顧名思義,這種模式使得在更嚴格的條件下運行因此在嚴格模式下我們的一些不嚴謹的寫法將會導致程序拋出錯誤例如在嚴格模式下該行將會拋出錯誤在上面的代碼中由 什么是嚴格模式? 嚴格模式 是 ECMAScript 5 中引入的一種將更好的錯誤檢查引入代碼中的方法, 現在已經被大多瀏覽器實現. 顧名思義,這...
摘要:容易導致內存泄漏。如果我們的強引用不存在的話,那么就會被回收,也就是會出現我們沒被回收,被回收,導致永遠存在,出現內存泄漏。緩存行和一次定位,不會有沖突由于使用數組,不會出現回收,沒被回收的尷尬局面,所以避免了內存泄漏。 1 背景 某一天在某一個群里面的某個群友突然提出了一個問題:threadlocal的key是虛引用,那么在threadlocal.get()的時候,發生GC之后,ke...
摘要:握手過程中使用了的標志和。接收端收到后,回傳一個帶有標志的數據包以示傳達確認信息。第四次揮手主動關閉方收到后,發送一個給被動關閉方,確認序號為收到序號,至此,完成四次揮手。其次,通過使和系統綁定來降低泄露后的危險。 一些開放性題目 1.自我介紹:除了基本個人信息以外,面試官更想聽的是你與眾不同的地方和你的優勢。 2.項目介紹 3.如何看待前端開發? 4.平時是如何學習前端開發的? 5....
摘要:只要滿足規范的放入該容器,馬上就會被容器進行高效率的管理。根據康威定律,設計系統的組織時,最終產生的設計等價于組織的溝通結構,通俗來講,團隊的交流機制應該與架構分層交互機制相對應。 本博客 貓叔的博客,轉載請申明出處 先來看看官網對它的定義。 Java平臺企業版(Java EE)是社區驅動的企業軟件的標準。Java EE是使用Java Community Process開發的,其中包括...
摘要:只要滿足規范的放入該容器,馬上就會被容器進行高效率的管理。根據康威定律,設計系統的組織時,最終產生的設計等價于組織的溝通結構,通俗來講,團隊的交流機制應該與架構分層交互機制相對應。 本博客 貓叔的博客,轉載請申明出處 先來看看官網對它的定義。 Java平臺企業版(Java EE)是社區驅動的企業軟件的標準。Java EE是使用Java Community Process開發的,其中包括...
閱讀 2727·2023-04-26 02:28
閱讀 2559·2021-09-27 13:36
閱讀 3131·2021-09-03 10:29
閱讀 2760·2021-08-26 14:14
閱讀 2108·2019-08-30 15:56
閱讀 839·2019-08-29 13:46
閱讀 2614·2019-08-29 13:15
閱讀 459·2019-08-29 11:29