JavaScript 中實現(xiàn) use strict的方法及優(yōu)勢

更新時間：2023年09月06日 10:42:02 作者：JavaScript

本教程將討論JavaScript中的use strict特性,在這里,我們將通過不同的示例了解如何在JavaScript代碼語句中創(chuàng)建和執(zhí)行use strict關鍵字,需要的朋友可以參考下

JavaScript 中的 use strict

在 JavaScript 版本 ECMAScript 5 中，嚴格模式是引入的一項新功能，它將幫助我們在嚴格的操作上下文中執(zhí)行一組程序及其功能。我們 use strict 的上下文來限制執(zhí)行各種操作并拋出更多異常。

我們通過語句 use strict 指示瀏覽器 use strict 模式。它是 JavaScript 的最小且更安全的功能集。

在 JavaScript 中實現(xiàn) use strict

請記住，我們不能對用大括號括起來的塊語句 use strict 模式。下面提到了兩種 use strict 模式的方法：

我們可以在整個腳本的全局范圍內使用它。
我們可以在個別功能中使用它。

在 JavaScript 中為整個腳本實現(xiàn) use strict

在任何其他語句之前，我們將確切的語句 use strict 用于為整個腳本調用嚴格模式。

語法：

//strict mode syntax for Whole-script
'use strict';
let a = "script for strict mode!";

為 JavaScript 中的單個函數(shù)實現(xiàn) use strict

在函數(shù)體中，在任何其他語句之前，我們將確切的語句 use strict 用于調用函數(shù)的嚴格模式。

語法：

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"; }

嚴格模式示例

眾所周知，錯誤輸入變量名會在普通 JavaScript 中創(chuàng)建一個新的全局變量。在嚴格模式下，它會拋出一個錯誤。

例子：

<!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>

我們在這個 HTML 頁面源代碼中定義了 <script> 標記以使用 JavaScript 代碼語句。在 <script> 標簽內，我們簡單地用數(shù)值 10 初始化未定義變量 a 并調用 myFunction()。

之后，我們使用 use strict 關鍵字創(chuàng)建了 myFunction() 的聲明。我們還用數(shù)值 10 初始化了未定義的變量 b，以在 use strict 模式下測試執(zhí)行。

你可以使用 .html 擴展名保存給定的 HTML 示例，并在任何瀏覽器中打開它以檢查輸出。你需要激活瀏覽器的調試模式，只需按 F12 即可查看錯誤報告。

輸出：