JavaScript嚴格模式指的是嚴格的條件下執行程式碼,該模式為JavaScript定義了一種不同的解析與執行模型,它會以更嚴格的條件去檢查開發者的程式碼錯誤,它可以全域使用,也可以局部使用(應用在函數內部)。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
一、什麼是嚴格模式
在 ES5 的時候,JS 第一次引入了嚴格模式的概念。 JavaScript 嚴格模式(strict mode)即在嚴格的條件下運作。
嚴格模式是為JavaScript定義了一個不同的解析與執行模型,它會以更嚴格的條件去檢查你的程式碼錯誤,它可以全域使用,也可以局部使用(應用到函數內部)。理解嚴格模式的規則是非常必要的,在未來,ECMAScript 會逐步強制全域使用嚴格模式。
顧名思義,這種模式使得Javascript在更嚴格的條件下運作。
設立"嚴格模式"的目的,主要有以下幾個:
- 消除Javascript語法的一些不合理、不嚴謹之處,減少一些怪異行為;
# - 消除程式碼運作的一些不安全之處,保證程式碼運作的安全性;
- 提高編譯器效率,增加運行速度;
- 為未來新版本的Javascript做好鋪墊。
"嚴格模式"體現了Javascript更合理、更安全、更嚴謹的發展方向,包括IE 10在內的主流瀏覽器,都已經支援它,許多大專案已經開始全面擁抱它。
另一方面,同樣的程式碼,在"嚴格模式"中,可能會有不一樣的運行結果;一些在"正常模式"下可以運行的語句,在"嚴格模式"下將不能運行。掌握這些內容,有助於更細緻、深入理解Javascript,讓你變成更好的程式設計師。
本文將對"嚴格模式"做詳細介紹。
二、進入標誌
進入"嚴格模式"的標誌,是下面這行語句:
"use strict";
老版本的瀏覽器會把它當作一行普通字串,加以忽略。
三、如何呼叫
"嚴格模式"有兩種呼叫方法,適用於不同的場合。
3.1 針對整個腳本檔案
將"use strict"放在腳本檔案的第一行,則整個腳本將以"嚴格模式"執行。如果這行語句不在第一行,則無效,整個腳本以"正常模式"運行。如果不同模式的程式碼文件合併成一個文件,這一點需要特別注意。
(嚴格地說,只要前面不是產生實際運行結果的語句,"use strict"可以不在第一行,例如直接跟在一個空的分號後面。)
<script> "use strict"; console.log("这是严格模式。"); </script> <script> console.log("这是正常模式。");kly, it's almost 2 years ago now. I can admit it now - I run it on my school's network that has about 50 computers. </script>
上面的程式碼表示,一個網頁中依序有兩段Javascript程式碼。前一個script標籤是嚴格模式,後者不是。
3.2 針對單一函數
將"use strict"放在函數體的第一行,則整個函數以"嚴格模式"運行。
function strict(){ "use strict"; return "这是严格模式。"; } function notStrict() { return "这是正常模式。"; }
3.3 腳本檔案的變通寫入法
#因為第一種呼叫方法不利於檔案合併,所以更好的做法是,借用第二種方法,將整個腳本檔案放在一個立即執行的匿名函數之中。
(function (){ "use strict"; // some code here })();
四、語法和行為改變
#嚴格模式對Javascript的語法和行為,都做了一些改變。
4.1 全域變數明確宣告
在正常模式中,如果一個變數沒有宣告就賦值,預設是全域變數。嚴格模式禁止這種用法,全域變數必須明確宣告。
"use strict"; v = 1; // 报错,v未声明 for(i = 0; i < 2; i++) { // 报错,i未声明 }
因此,嚴格模式下,變數都必須先用var指令宣告,然後再使用。
4.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
4.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.4 禁止删除变量
严格模式下无法删除变量。只有configurable设置为true的对象属性,才能被删除。
"use strict"; var x; delete x; // 语法错误 var o = Object.create(null, {'x': { value: 1, configurable: true }}); delete o.x; // 删除成功
4.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; // 报错
4.6 重名错误
严格模式新增了一些语法错误。
(1)对象不能有重名的属性
正常模式下,如果对象有多个重名属性,最后赋值的那个属性会覆盖前面的值。严格模式下,这属于语法错误。
"use strict"; var o = { p: 1, p: 2 }; // 语法错误
(2)函数不能有重名的参数
正常模式下,如果函数有多个重名的参数,可以用arguments[i]读取。严格模式下,这属于语法错误。
"use strict"; function f(a, a, b) { // 语法错误 return ; }
4.7 禁止八进制表示法
正常模式下,整数的第一位如果是0,表示这是八进制数,比如0100等于十进制的64。严格模式禁止这种表示法,整数第一位为0,将报错。
"use strict"; var n = 0100; // 语法错误
4.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(); // 报错
4.9 函数必须声明在顶层
将来Javascript的新版本会引入"块级作用域"。为了与新版本接轨,严格模式只允许在全局作用域或函数作用域的顶层声明函数。也就是说,不允许在非函数的代码块内声明函数。
"use strict"; if (true) { function f() { } // 语法错误 } for (var i = 0; i < 5; i++) { function f2() { } // 语法错误 }
4.10 保留字
为了向将来Javascript的新版本过渡,严格模式新增了一些保留字:implements, interface, let, package, private, protected, public, static, yield。
使用这些词作为变量名将会报错。
function package(protected) { // 语法错误 "use strict"; var implements; // 语法错误 }
此外,ECMAscript第五版本身还规定了另一些保留字(class, enum, export, extends, import, super),以及各大浏览器自行增加的const保留字,也是不能作为变量名的。
【相关推荐:javascript学习教程】
以上是javascript中什麼是嚴格模式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

React'sstrongCommunityAndecoSystemoffernumerBeneFits:1)age awealthoflibrariesandgithub; 2)AwealthoflibrariesandTools,sustasuicomponentLibontlibemontLibrariesLikeChakaAkraUii; 3)

ReactNativeischosenformobiledevelopmentbecauseitallowsdeveloperstowritecodeonceanddeployitonmultipleplatforms,reducingdevelopmenttimeandcosts.Itoffersnear-nativeperformance,athrivingcommunity,andleveragesexistingwebdevelopmentskills.KeytomasteringRea

在React中正確更新useState()狀態需要理解狀態管理的細節。 1)使用函數式更新來處理異步更新。 2)創建新狀態對像或數組來避免直接修改狀態。 3)使用單一狀態對像管理複雜表單。 4)使用防抖技術優化性能。這些方法能幫助開發者避免常見問題,編寫更robust的React應用。

React的組件化架構通過模塊化、可重用性和可維護性使得可擴展UI開髮變得高效。 1)模塊化允許UI被分解成可獨立開發和測試的組件;2)組件的可重用性在不同項目中節省時間並保持一致性;3)可維護性使問題定位和更新更容易,但需避免組件過度複雜和深度嵌套。

在React中,聲明式編程通過描述UI的期望狀態來簡化UI邏輯。 1)通過定義UI狀態,React會自動處理DOM更新。 2)這種方法使代碼更清晰、易維護。 3)但需要注意狀態管理複雜性和優化重渲染。

TonavigateReact'scomplexecosystemeffectively,understandthetoolsandlibraries,recognizetheirstrengthsandweaknesses,andintegratethemtoenhancedevelopment.StartwithcoreReactconceptsanduseState,thengraduallyintroducemorecomplexsolutionslikeReduxorMobXasnee

RectuseSkeyStoeficelyListifyListIdifyListItemsbyProvidistableIdentityToeachelement.1)keysallowReaeActTotRackChangEsInListSwithouterSwithoutreThoutreTheenteringTheEntirelist.2)selectuniqueandstablekeys,避免使用

KeysinrectarecrucialforOptimizingTherEnderingProcessandManagingDynamicListSefectefection.tospotaTandFixKey與依賴的人:1)adduniqueKeykeystoliquekeystolistItemStoAvoidWarningSwarningSwarningSwarningSperformance和2)useuniqueIdentifiersIdentifiersIdentifiersIdentifiersFromdatainSteAtofIndicessuessuessessemessuessessemessemessemesseysemessekeys,3)


熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

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

熱門文章

熱工具

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

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

Atom編輯器mac版下載
最受歡迎的的開源編輯器

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

SublimeText3 Linux新版
SublimeText3 Linux最新版