JavaScript tiene una función integrada para verificar si una variable está definida/inicializada o no definida.
Nota:
- El operador typeof verificará si una variable está definida o no.
- El operador typeof no lanza una excepción ReferenceError cuando se usa con una variable no declarada.
- El typeof null devolverá un objeto. Por lo tanto, verifique si hay nulo también.
Ejemplo 1: Este ejemplo comprueba si una variable está definida o no.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript to check existence of variable
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p>
variable-name : GFG_Var
</p>
<button onclick="myGeeks()">
Check
</button>
<h3 id = "div" style="color:green;"></h3>
<!-- Script to check existence of variable -->
<script>
function myGeeks() {
var GFG_Var;
var h3 = document.getElementById("div");
if (typeof GFG_Var === 'undefined') {
h3.innerHTML = "Variable is Undefined";
}
else {
h3.innerHTML = "Variable is defined and"
+ " value is " + GFG_Var;
}
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: Este ejemplo también comprueba si una variable está definida o no.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript to check existence of variable
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p>
variable-name : GFG_Var
</p>
<button onclick="myGeeks()">
Check
</button>
<h3 id = "div" style="color:green;"></h3>
<!-- Script to check existence of variable -->
<script>
function myGeeks() {
var GFG_Var = "GFG";
var h3 = document.getElementById("div");
if (typeof GFG_Var === 'undefined') {
h3.innerHTML = "Variable is Undefined";
}
else {
h3.innerHTML = "Variable is defined and"
+ " value is " + GFG_Var;
}
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 3: el ejemplo anterior no verifica el valor nulo de la variable. Este ejemplo también comprueba si una variable es nula o no.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript to check existence of variable
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p>
variable-name : GFG_Var
</p>
<button onclick="myGeeks()">
Check
</button>
<h3 id = "div" style="color:green;"></h3>
<!-- Script to check existence of variable -->
<script>
function myGeeks() {
var GFG_Var = null;
var h3 = document.getElementById("div");
if (typeof GFG_Var === 'undefined' || GFG_Var === null ) {
h3.innerHTML = "Variable is Undefined";
}
else {
h3.innerHTML = "Variable is defined and value is "
+ GFG_Var;
}
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA