javascript嚴格模式有哪些不同
不同點:1.禁止使用with語句;2、禁止this關鍵字指向全域物件;3、禁止在函數內部遍歷呼叫堆疊;4、物件不能有重名屬性、函數不能有重名參數;5、禁止八進位表示法;6、不允許對arguments賦值;7、不允許在非函數的程式碼區塊內宣告函數。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
javascript嚴格模式的不同
嚴格模式對Javascript的語法和行為,都做了一些改變。
1 全域變數明確宣告
在正常模式中,如果一個變數沒有宣告就賦值,預設是全域變數。嚴格模式禁止這種用法,全域變數必須明確宣告。
"use strict"; v = 1; // 报错,v未声明 for(i = 0; i < 2; i++) { // 报错,i未声明 }
因此,嚴格模式下,變數都必須先用var指令宣告,然後再使用。
2 靜態綁定
Javascript語言的一個特點,就是允許"動態綁定",即某些屬性和方法到底屬於哪一個對象,不是在編譯時決定的,而是在執行時(runtime)決定的。
嚴格模式對動態綁定做了一些限制。某些情況下,只允許靜態綁定。也就是說,屬性和方法到底歸屬哪個對象,在編譯階段就確定。這樣做有利於編譯效率的提高,也使得程式碼更容易閱讀,更少出現意外。
具體來說,涉及以下幾個面向。
(1)禁止使用with語句
因為with語句無法在編譯時就決定,屬性到底歸屬哪個物件。
"use strict"; var v = 1; with (o){ // 语法错误 v = 2; }
(2)創設eval作用域
正常模式下,Javascript語言有兩種變數作用域(scope):全域作用域和函數作用域。嚴格模式創設了第三種作用域:eval作用域。
正常模式下,eval語句的作用域,取決於它處於全域作用域,還是處於函數作用域。嚴格模式下,eval語句本身就是一個作用域,不再能夠產生全域變數了,它所產生的變數只能用於eval內部。
"use strict"; var x = 2; console.info(eval("var x = 5; x")); // 5 console.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未定义
(2)禁止在函數內部遍歷呼叫堆疊
function f1(){ "use strict"; f1.caller; // 报错 f1.arguments; // 报错 } f1();
4 禁止刪除變數
嚴格模式下無法刪除變數。只有configurable設定為true的物件屬性,才能被刪除。
"use strict"; var x; delete x; // 语法错误 var o = Object.create(null, {'x': { value: 1, configurable: true }}); delete o.x; // 删除成功
5 顯式報錯
#正常模式下,對一個物件的唯讀屬性進行賦值,不會報錯,只會默默地失敗。嚴格模式下,將報錯。
"use strict"; var o = {}; Object.defineProperty(o, "v", { value: 1, writable: false }); o.v = 2; // 报错
嚴格模式下,對一個使用getter方法讀取的屬性進行賦值,會報錯。
"use strict"; var o = { get v() { return 1; } }; o.v = 2; // 报错
嚴格模式下,對禁止擴充的物件新增屬性,會報錯。
"use strict"; var o = {}; Object.preventExtensions(o); o.v = 1; // 报错
嚴格模式下,刪除一個無法刪除的屬性,會報錯。
"use strict"; delete Object.prototype; // 报错
6 重新名稱錯誤
#嚴格模式新增了一些語法錯誤。
(1)物件不能有重名的屬性
正常模式下,如果物件有多個重名屬性,最後賦值的那個屬性會覆寫前面的值。嚴格模式下,這屬於文法錯誤。
"use strict"; var o = { p: 1, p: 2 }; // 语法错误
(2)函數不能有重名的參數
#正常模式下,如果函數有多個重名的參數,可以用arguments[i]讀取。嚴格模式下,這屬於文法錯誤。
"use strict"; function f(a, a, b) { // 语法错误 return ; }
7 禁止八進位表示法
#正常模式下,整數的第一位如果是0,表示這是八進制數,例如0100等於十進制的64。嚴格模式禁止這種表示法,整數第一位為0,將報錯。
"use strict"; var n = 0100; // 语法错误
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"; var f = function() { return arguments.callee; }; f(); // 报错
9 函數必須宣告在頂層
將來Javascript的新版本會引入"區塊級作用域"。為了與新版本接軌,嚴格模式只允許在全域作用域或函數作用域的頂層聲明函數。也就是說,不允許在非函數的程式碼區塊內聲明函數。
"use strict"; if (true) { function f() { } // 语法错误 } for (var i = 0; i < 5; i++) { function f2() { } // 语法错误 }
【相关推荐:javascript学习教程】
以上是javascript嚴格模式有哪些不同的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

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

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

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

如何使用WebSocket和JavaScript實現線上語音辨識系統引言:隨著科技的不斷發展,語音辨識技術已成為了人工智慧領域的重要組成部分。而基於WebSocket和JavaScript實現的線上語音辨識系統,具備了低延遲、即時性和跨平台的特點,成為了廣泛應用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實現線上語音辨識系

WebSocket與JavaScript:實現即時監控系統的關鍵技術引言:隨著互聯網技術的快速發展,即時監控系統在各個領域中得到了廣泛的應用。而實現即時監控的關鍵技術之一就是WebSocket與JavaScript的結合使用。本文將介紹WebSocket與JavaScript在即時監控系統中的應用,並給出程式碼範例,詳細解釋其實作原理。一、WebSocket技

如何利用JavaScript和WebSocket實現即時線上點餐系統介紹:隨著網路的普及和技術的進步,越來越多的餐廳開始提供線上點餐服務。為了實現即時線上點餐系統,我們可以利用JavaScript和WebSocket技術。 WebSocket是一種基於TCP協定的全雙工通訊協議,可實現客戶端與伺服器的即時雙向通訊。在即時線上點餐系統中,當使用者選擇菜餚並下訂單

如何使用WebSocket和JavaScript實現線上預約系統在當今數位化的時代,越來越多的業務和服務都需要提供線上預約功能。而實現一個高效、即時的線上預約系統是至關重要的。本文將介紹如何使用WebSocket和JavaScript來實作一個線上預約系統,並提供具體的程式碼範例。一、什麼是WebSocketWebSocket是一種在單一TCP連線上進行全雙工

JavaScript和WebSocket:打造高效的即時天氣預報系統引言:如今,天氣預報的準確性對於日常生活以及決策制定具有重要意義。隨著技術的發展,我們可以透過即時獲取天氣數據來提供更準確可靠的天氣預報。在本文中,我們將學習如何使用JavaScript和WebSocket技術,來建立一個高效的即時天氣預報系統。本文將透過具體的程式碼範例來展示實現的過程。 We

JavaScript教學:如何取得HTTP狀態碼,需要具體程式碼範例前言:在Web開發中,經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時,我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功,並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼,並提供一些實用的程式碼範例。使用XMLHttpRequest

用法:在JavaScript中,insertBefore()方法用於在DOM樹中插入一個新的節點。這個方法需要兩個參數:要插入的新節點和參考節點(即新節點將要插入的位置的節點)。

JavaScript是一種廣泛應用於Web開發的程式語言,而WebSocket則是一種用於即時通訊的網路協定。結合二者的強大功能,我們可以打造一個高效率的即時影像處理系統。本文將介紹如何利用JavaScript和WebSocket來實作這個系統,並提供具體的程式碼範例。首先,我們需要明確指出即時影像處理系統的需求和目標。假設我們有一個攝影機設備,可以擷取即時的影像數
