JavaScript - 嚴格模式

JavaScript中的嚴格模式

在 JavaScript 中，**嚴格模式**是在 ES5（ECMAScript 2009）中引入的。引入“嚴格模式”的目的是使 JavaScript 程式碼更安全。

“**use strict**”字面量表達式用於在 JavaScript 程式碼中新增嚴格模式。它消除了程式碼中的靜默錯誤，例如，你不能在未宣告的情況下使用變數，不能修改物件的只讀屬性等。

啟用嚴格模式

要啟用嚴格模式，應將以下字面量表達式寫入程式碼的頂部：

'use strict';

“use strict”指令用於啟用 JavaScript 的嚴格模式。

為什麼要使用嚴格模式？

這裡列出了一些使用嚴格 JavaScript 模式的原因：

**錯誤預防** - 嚴格模式可以防止開發人員在編寫 JavaScript 程式碼時常犯的一些錯誤，例如在未宣告的情況下初始化變數或使用保留關鍵字作為識別符號。
**更安全的程式碼** - 嚴格模式可以防止意外建立全域性變數。此外，它不允許使用“with”之類的語句，這些語句可能會導致程式碼漏洞。
**未來相容性** - 透過使用嚴格模式，你可以使你的程式碼與 JavaScript 的未來版本保持一致。例如，當前版本的 JavaScript 不包含像“public”這樣的關鍵字，但它為將來版本保留了這些關鍵字。因此，嚴格模式從現在開始將不允許你將其用作識別符號。

全域性作用域中的嚴格模式

當你在 JavaScript 程式碼頂部新增“**use strict**”時；它將對整個程式碼使用嚴格模式。

示例

在下面的示例中，我們定義了變數“y”並將其初始化為 50。程式碼在輸出中列印“y”的值。

此外，我們在未宣告的情況下初始化了變數“x”。因此，它會在控制檯中給出**錯誤**，並且不會列印輸出。

簡而言之，嚴格模式不允許你在未宣告的情況下使用變數。

<html>
<head>
   <title> Using the strict mode gloablly </title>
</head>
<body>
   <script>
      "use strict";
      let y = 50; // This is valid
      document.write("The value of the X is: " + y);
      x = 100; // This is not valid
      document.write("The value of the X is: " + x);
   </script>
</body>
</html>

區域性作用域中的嚴格模式

你也可以在特定的函式內使用“嚴格模式”。因此，它只會在函式作用域內應用。讓我們透過一個例子來理解它。

示例

在下面的示例中，我們只在 test() 函式內部使用了“use strict”字面量。因此，它只消除了函式中的異常錯誤。

下面的程式碼允許你在函式外部在未宣告的情況下初始化變數，但在函式內部則不允許。

<html>
<head>
    <title> Using the strict mode gloablly </title>
</head>
<body>
    <script>
        x = 100; // This is valid
        document.write("The value of the X is - " + x);
        function test() {
            "use strict";
            y = 50; // This is not valid
            document.write("The value of the y is: " + x);
        }
        test();
    </script>
</body>
</html>

在嚴格模式下不應該犯的錯誤

1. 你不能在未宣告的情況下用值初始化變數。

<script>
   'use strict';
   num = 70.90; // This is invalid
</script>

2. 同樣，你不能在未宣告的情況下使用物件。

<script>
   'use strict';
   numObj = {a: 89, b: 10.23}; // This is invalid
</script>

3. 你不能使用 delete 關鍵字刪除物件。

 <script>
   'use strict';
   let women = { name: "Aasha", age: 29 };
   delete women; // This is invalid
</script>

4. 在嚴格模式下，你不能刪除物件原型。

 <script>
   'use strict';
   let women = { name: "Aasha", age: 29 };
   delete women.prototype; // This is invalid
</script>

5. 不允許使用 delete 運算子刪除函式。

 <script>
   'use strict';
   function func() { }
   delete func; // This is invalid
</script>

6. 你不能使用重複的引數值的函式。

<script>
   'use strict';
   function func(param1, param1, param2) {
      // Function with 2 param1 is not allowed!
   }
</script>

7. 你不能將八進位制數字賦值給變數。

<script>
   'use strict';
   let octal = 010; // Throws an error
</script>

8. 你不能使用跳脫字元。

<script>
   'use strict';
   let octal = \010; // Throws an error
</script>

9. 你不能使用保留關鍵字（如 eval、arguments、public 等）作為識別符號。

<script>
   'use strict';
   let public = 100; // Throws an error
</script>

10. 你不能寫入物件的只讀屬性。

<script>
    'use strict';
    let person = {};

    Object.defineProperty(person, 'name', { value: "abc", writable: false });
    obj1.name = "JavaScript"; // throws an error
</script>

11. 你不能為 getter 函式賦值。

<script>
   'use strict';
   let person = { get name() { return "JavaScript"; } };
   obj1.name = "JavaScript"; // throws an error
</script>

12. 在嚴格模式下，當你在函式內部使用“this”關鍵字時，它指的是透過其呼叫函式的引用物件。如果未指定引用物件，則它指的是 undefined 值。

<script>
   'use strict';
   function test() {
      console.log(this); // Undefined
   }
   test();
</script>

13. 你不能在嚴格模式下使用“with”語句。

<script>
   'use strict';
   with (Math) {x = sin(2)}; // This will throw an error
</script>

14. 出於安全原因，你不能使用 eval() 函式宣告變數。

<script>
   'use strict';
   eval("a = 8")
</script>

15. 你不能使用為將來保留的關鍵字作為識別符號。以下關鍵字為將來保留：

implements
interface
package
private
protected

列印頁面