jueves, 28 de enero de 2016

Scope

En JavaScript se denomina Scope a las posibilidades de acceso a las variables, objetos y funciones.
Del contenido del capítulo JS Scope W3Schools.

Ejercicio 1. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Scope en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Una variable declarada dentro de una función solo es accesible dentro de esa función.</h2>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML =
"Puedo mostrar " + typeof carName; // la variable no es accesible pues se ha declarado dentro de la función
function myFunction() {
    var carName = "Volvo";
}
</script>
</body>
</html>


Ejercicio 2.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Scope en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Aquí se ha declarado una variable global.</h2>
<p id="demo"></p>
<script>
var carName = "Volvo"; // la variable se ha declarado fuera de la función
myFunction();
function myFunction() {
    document.getElementById("demo").innerHTML =
    "Puedo mostrar " + carName;
}
</script>
</body>
</html>


Ejercicio 3. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Scope en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>
Al asignar un valor a una variable no declarada, se convierte en global.</h2>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML =
"Puedo mostrar " + carName;
function myFunction() {
    carName = "Volvo"; // la variable no ha sido declarada pero se le ha asignado un valor
}
</script>
</body>
</html>


Ejercicio 4. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Scope en JavaScript</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>Las variables globales son window variables.</h2>
<p id="demo"></p>
<script>
myFunction();
document.getElementById("demo").innerHTML =
"Puedo mostrar " + window.carName;
function myFunction() {
    carName = "Volvo";
}
</script>
</body>
</html>

No hay comentarios:

Publicar un comentario