JavaScript 中的未定義 X1 是什麼

為了檢視 JavaScript 中 Undefined X 1 的結果，我們首先需要準確理解 JavaScript 中 Undefined 代表什麼。JavaScript 有一個名為 undefined 的關鍵字，它與記憶體有關。全域性物件具有屬性 undefined。換句話說，它是一個具有全域性作用域的變數。undefined 的原始值是它的初始值。

Undefined 是尚未賦值的變數的型別。如果正在評估一個變數但它沒有分配值，則方法或語句也會返回 undefined。如果未返回值，則函式會丟擲 undefined。

在記憶體空間建立之前，JavaScript 中所有接收記憶體空間的東西都被賦予 Undefined。因此，在 JavaScript 中，Undefined X 1 的結果是 NaN（非數字）。

JavaScript 縮寫 NaN 代表 Not a Number，表示不可寫屬性或非數字值。儘管 NaN 在程式中很少使用，但它允許我們驗證我們指定的數字是否正確。

語法

undefined

示例 1

為了檢視 Undefined X 1 的結果，我們將首先用 undefined 初始化 'y'，然後將其乘以 1。以下示例演示了一個不確定形式的操作；我們將 1 乘以 undefined，它是一個關鍵字，也是一個無效數字，因為它甚至還沒有建立。現在將其乘以一個數字的結果是 NaN。

<!DOCTYPE html>
<html>
<title>What is Undefined X 1 in JavaScript - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center">
   <script>
      let y = undefined;
      document.write(y * 1);
   </script>
</body>
</html>

示例 2

在這個例子中，讓我們瞭解當我們嘗試將字串轉換為整數時，將返回 NaN。

<!DOCTYPE html>
<html>
<title>What is Undefined X 1 in JavaScript - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center">
   <script>
      document.write(parseInt("Tutorialspoint has free Online Tutorials and Courses."));
   </script>
</body>
</html>

示例 3

在這個例子中，讓我們瞭解如果聲明瞭一個變數但尚未賦值，它的值將如何是 undefined。此外，可以顯式地為變數賦予 undefined 值。

<!DOCTYPE html>
<html>
<title>What is Undefined X 1 in JavaScript - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center">
   <script>
      let student = "Bob Smith";
      
      // placing an unknown value into the student variable
      student = undefined
      document.write(student); // returns undefined
   </script>
</body>
</html>

示例 4

在這個例子中，讓我們瞭解 undefined 和 null 在 JavaScript 中如何被視為假值。

<!DOCTYPE html>
<html>
<title>What is Undefined X 1 in JavaScript - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center">
   <script>
      if(null || undefined ) {
         document.write('value of null is true');
      } else {
         document.write('value of null is false');
      }
   </script>
</body>
</html>

示例 5

在這個例子中，讓我們瞭解，如果使用 undefined 或 null 呼叫 Boolean() 函式，它將返回 false。

<!DOCTYPE html>
<html>
<title>What is Undefined X 1 in JavaScript - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center">
   <script>
      let myResult;
      myResult = Boolean(undefined);
      document.write(myResult +'<br>'); // returns false
      myResult = Boolean(null);
      document.write(myResult); // returns false
   </script>
</body>
</html>

示例 6

JavaScript 將 null 視為物件。typeof 運算子能夠驗證這一點。變數和值的型別由 typeof 運算子決定。當使用 typeof 運算子查詢 undefined 值時，它會返回 undefined 值。

<!DOCTYPE html>
<html>
<title>What is Undefined X 1 in JavaScript - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center">
   <script>
      const x = null;
      document.write(typeof x +'<br>'); // object
      let y;
      document.write(typeof y); // undefined
   </script>
</body>
</html>

示例 7

在這個例子中，讓我們瞭解 JavaScript 預設值 null 和 undefined。當將 undefined 傳遞給 JavaScript 中接受預設值的函式引數時，將使用預設值代替 undefined。

<!DOCTYPE html>
<html>
<title>What is Undefined X 1 in JavaScript - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center">
   <script>
      function tutpoint(b = 1) {
         document.write(b);
      }

      // pass undefined
      // it takes default value as 1
      tutpoint(undefined);
   </script>
</body>
</html>

示例 8

另一方面，當傳遞 null 時，預設引數函式會將其作為值接受。

<!DOCTYPE html>
<html>
<title>What is Undefined X 1 in JavaScript - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center">
   <script>
      function tutpoint(b = 1) {
         document.write(b);
      }

      // pass undefined
      // takes null
      tutpoint(null);
   </script>
</body>
</html>

更新於: 2022-08-24

268 次檢視

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告