什么是 JavaScript 中的 Undefined X1

front end technologyjavascriptweb development

为了查看 JavaScript 中 Undefined X 1 的结果,我们首先需要了解 JavaScript 中 Undefined 究竟代表什么。JavaScript 有一个与内存有关的关键字 undefined。全局对象具有属性 undefined。换句话说,它是一个具有全局范围的变量。undefined 的原始值是其起始值。

Undefined 是尚未赋值的变量类型。如果正在评估变量但没有赋值,则方法或语句也将返回 undefined。如果没有返回值,函数将抛出 undefined。

在内存空间建立之前,Javascript 中接收内存空间的所有内容都被赋予 Undefined。因此,在 JavaScript 中,Undefined X 1 的结果为 NaN(非数字)。

JavaScript 缩写 NaN 代表非数字,表示不可写的属性,或者不是数字的值。尽管 NaN 在程序中很少使用,但它允许我们验证我们指定的数字是否正确。

语法

undefined

示例 1

为了查看 Undefined X 1 的结果,我们首先将"y"以 undefined 开头,然后将其乘以 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

在此示例中,让我们了解如果声明变量但尚未赋值,则变量的值将如何未定义。此外,可以明确为变量赋予未定义的值。

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

在此示例中,让我们了解在 JavaScript 中 undefined 和 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> 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 运算符查找未定义的值时,将返回未定义的值。

<!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 时接受 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>

相关文章