JavaScript 中實(shí)現(xiàn) use strict的方法及優(yōu)勢(shì)
本教程將討論 JavaScript 中的 use strict 特性。在這里,我們將通過(guò)不同的示例了解如何在 JavaScript 代碼語(yǔ)句中創(chuàng)建和執(zhí)行 use strict 關(guān)鍵字。
JavaScript 中的 use strict
在 JavaScript 版本 ECMAScript 5 中,嚴(yán)格模式是引入的一項(xiàng)新功能,它將幫助我們?cè)趪?yán)格的操作上下文中執(zhí)行一組程序及其功能。我們 use strict 的上下文來(lái)限制執(zhí)行各種操作并拋出更多異常。
我們通過(guò)語(yǔ)句 use strict 指示瀏覽器 use strict 模式。它是 JavaScript 的最小且更安全的功能集。
在 JavaScript 中實(shí)現(xiàn) use strict
請(qǐng)記住,我們不能對(duì)用大括號(hào)括起來(lái)的塊語(yǔ)句 use strict 模式。下面提到了兩種 use strict 模式的方法:
- 我們可以在整個(gè)腳本的全局范圍內(nèi)使用它。
- 我們可以在個(gè)別功能中使用它。
在 JavaScript 中為整個(gè)腳本實(shí)現(xiàn) use strict
在任何其他語(yǔ)句之前,我們將確切的語(yǔ)句 use strict 用于為整個(gè)腳本調(diào)用嚴(yán)格模式。
語(yǔ)法:
//strict mode syntax for Whole-script 'use strict'; let a = "script for strict mode!";
為 JavaScript 中的單個(gè)函數(shù)實(shí)現(xiàn) use strict
在函數(shù)體中,在任何其他語(yǔ)句之前,我們將確切的語(yǔ)句 use strict 用于調(diào)用函數(shù)的嚴(yán)格模式。
語(yǔ)法:
function strictFunction() {
// strict mode syntax for Function
'use strict';
function nestedFunction() { return 'Javascript on DelftStack'; }
return "strict mode functions! " + nestedFunction();
}
function notStrictFunction() { return "non strict function"; }嚴(yán)格模式示例
眾所周知,錯(cuò)誤輸入變量名會(huì)在普通 JavaScript 中創(chuàng)建一個(gè)新的全局變量。在嚴(yán)格模式下,它會(huì)拋出一個(gè)錯(cuò)誤。
例子:
<!DOCTYPE html>
<html>
<body>
<p>function will cause errors while using `use strict` in that function.</p>
<p>To see the error reprt just activate debugging in your browser by pressing (F12).</p>
<script>
a = 10; // This will not cause an error.
myFunction();
function myFunction() {
"use strict";
b = 10; // This will cause an error (b is not defined).
}
</script>
</body>
</html>我們?cè)谶@個(gè) HTML 頁(yè)面源代碼中定義了 <script> 標(biāo)記以使用 JavaScript 代碼語(yǔ)句。在 <script> 標(biāo)簽內(nèi),我們簡(jiǎn)單地用數(shù)值 10 初始化未定義變量 a 并調(diào)用 myFunction()。
之后,我們使用 use strict 關(guān)鍵字創(chuàng)建了 myFunction() 的聲明。我們還用數(shù)值 10 初始化了未定義的變量 b,以在 use strict 模式下測(cè)試執(zhí)行。
你可以使用 .html 擴(kuò)展名保存給定的 HTML 示例,并在任何瀏覽器中打開(kāi)它以檢查輸出。你需要激活瀏覽器的調(diào)試模式,只需按 F12 即可查看錯(cuò)誤報(bào)告。
輸出:
the function will cause errors while using `use strict`.
To see the error report, activate debugging in your browser by pressing (F12).
在 JavaScript 中實(shí)現(xiàn) use strict 的優(yōu)勢(shì)
在簡(jiǎn)單的 JavaScript 語(yǔ)義中,嚴(yán)格模式進(jìn)行了各種更改。我們可以通過(guò) use strict 模式將它們更改為拋出錯(cuò)誤來(lái)消除 JavaScript 的一些靜默錯(cuò)誤。
- 為了執(zhí)行優(yōu)化,我們可以修復(fù)使 JavaScript 引擎難以處理的錯(cuò)誤。
- 嚴(yán)格模式的代碼有時(shí)可以比普通代碼執(zhí)行得更快,這是嚴(yán)格模式所沒(méi)有的。
- 在 ECMAScript 的未來(lái)版本中,嚴(yán)格模式會(huì)阻止某些可能被定義的語(yǔ)法。
- 嚴(yán)格模式可防止任何不安全的操作,例如嘗試訪問(wèn)全局變量或?qū)ο蟆?/li>
- 嚴(yán)格模式禁用令人困惑的功能或考慮不周的功能。
- 為了更有效地編寫(xiě)安全的 JavaScript,我們使用嚴(yán)格模式。
到此這篇關(guān)于如何在 JavaScript 中實(shí)現(xiàn) use strict的文章就介紹到這了,更多相關(guān)js實(shí)現(xiàn)use strict內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS通過(guò)Cookie判斷頁(yè)面是否為首次打開(kāi)
這篇文章主要介紹了JS通過(guò)Cookie判斷頁(yè)面是否為首次打開(kāi) 的相關(guān)資料,需要的朋友可以參考下2016-02-02
原生js實(shí)現(xiàn)查找/添加/刪除/指定元素的class
查找、添加、刪除、指定元素的class使用原生js實(shí)現(xiàn)不可思議吧,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04
ES6新特性:使用export和import實(shí)現(xiàn)模塊化詳解
本篇文章主要介紹了ES6新特性:使用export和import實(shí)現(xiàn)模塊化詳解,具有一定的參考價(jià)值,有興趣的可以了解一下2017-07-07
Bootstrap組件之下拉菜單,多級(jí)菜單及按鈕布局方法實(shí)例
這篇文章主要介紹了Bootstrap組件之下拉菜單,多級(jí)菜單及按鈕布局方法,結(jié)合完整實(shí)例形式分析了Bootstrap多級(jí)菜單布局相關(guān)樣式功能與具體使用技巧,需要的朋友可以參考下2017-05-05
JS基礎(chǔ)之邏輯結(jié)構(gòu)與循環(huán)操作示例
這篇文章主要介紹了JS基礎(chǔ)之邏輯結(jié)構(gòu)與循環(huán)操作,結(jié)合實(shí)例形式分析了JavaScript邏輯判斷、流程控制、循環(huán)語(yǔ)句等相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
JS數(shù)字千分位格式化實(shí)現(xiàn)方法總結(jié)
這篇文章主要介紹了JS數(shù)字千分位格式化實(shí)現(xiàn)方法,結(jié)合實(shí)例形式總結(jié)分析了JS實(shí)現(xiàn)數(shù)字千分位格式化的常用技巧,包括字符串的分割、拼接、遍歷及正則操作等相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-12-12
JS實(shí)現(xiàn)懸浮移動(dòng)窗口(懸浮廣告)的特效
頁(yè)面加載完成之后向頁(yè)面插入窗口,之后向窗口插入關(guān)閉按鈕,使用setInterval()函數(shù)觸發(fā)moves()函數(shù)開(kāi)始動(dòng)畫(huà)2013-03-03

