El trabajo es identificar si una función está definida o no. El operador typeof de JavaScript se utiliza para resolver el problema que se describe a continuación:
Operador de tipo de Javascript: este operador se puede usar para encontrar el tipo de una variable de JavaScript. Este operador devuelve el tipo de una variable o una expresión:
Sintaxis:
typeof var
Parámetro: contiene un valor único var que es una variable de Javascript.
Valor devuelto: Devuelve el tipo de una variable o una expresión:
Ejemplo 1: este ejemplo verifica el tipo de función, si es una función, entonces se define, de lo contrario, no se define mediante el uso del operador typeof .
<!DOCTYPE HTML>
<html>
<head>
<title>
How to check a function is defined
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style = "font-size: 16px; font-weight: bold;">
</p>
<button onclick = "gfg_Run()">
Click here
</button>
<p id = "GFG_DOWN" style =
"color:green; font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
el_up.innerHTML =
"Function named 'fun' which is not defined";
function gfg_Run() {
var defined = 'Not defined';
if(typeof fun == 'function') {
defined = "Defined";
}
el_down.innerHTML = defined;
}
</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 verifica el tipo de la función, si es una función, entonces se define, de lo contrario, no se define mediante el uso del operador typeof al crear una función.
<!DOCTYPE HTML>
<html>
<head>
<title>
How to check a function is defined
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style = "font-size: 16px; font-weight: bold;">
</p>
<button onclick = "gfg_Run()">
Click here
</button>
<p id = "GFG_DOWN" style =
"color:green; font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
el_up.innerHTML = "Function named 'fun' which is defined";
function isFunction(possibleFunction) {
return typeof(possibleFunction) === typeof(Function);
}
function fun() {
}
function gfg_Run() {
var defined = 'Not defined';
if(isFunction(fun)) {
defined = "Defined";
}
el_down.innerHTML = defined;
}
</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