El alcance de las funciones

Name: El alcance de las funciones
Uploaded: 2018-08-30T20:55:00+00:00
Duration: 8 min 5 s
Description: En esta clase hablaremos del alcance que tienen las funciones. Si una variable no está definida dentro del cuerpo de una función hablamos de una varia

Clase 8 de 55 • Fundamentos de JavaScript 2018

Clase anteriorSiguiente clase

Resumen

En esta clase hablaremos del alcance que tienen las funciones. Si una variable no está definida dentro del cuerpo de una función hablamos de una variable global. Por el contrario, una variable definida dentro de una función es una variable local.

Para que la ejecución de una función no modifique una variable global usamos parámetros en lugar de pasar directamente la variable.

Es posible utilizar el mismo nombre para una variable global y para el parámetro de una función con un alcance local.

Lissette Johana Garzón Cortés

student•

ALCANCE DE LAS FUNCIONES
Hace referencia a cuáles variables puede acceder una funcion y el valor que tienen al momento de invocar la funcion.

Variable global: Variable que no esta definida dentro de una funcion sino por fuera de ella.

Al hacer referencia directa a una variable global dentro de una funcion, podermos modificar su valor, esto se le denomina sideEfect, y esto lo vamos a querer evitar.

Para acceder a la variable global, hacemos referencia al objeto global, en este caso por estar en el browser accedemos con window.nombre

var nombre = 'Cocosette'

function imprimirNombreEnMayusculas() {
    nombre = nombre.toUpperCase()
    console.log(nombre)
}

imprimirNombreEnMayusculas()

El alcance de la siguiente funcion solo es para la variable local que le llega por parametro

function imprimirNombreEnMayusculas1(n) {
    n = n.toLowerCase()
    console.log(n)
}

imprimirNombreEnMayusculas1(nombre)

Cristhian Camilo Perez Veloza

student•

Buen resumen @liszgarzon

Carlos Gómez Mont

student•

Muchas gracias 😃

Daniel Páez

student•

funciones son pedazos de codigo reutilizablke
¿A que variables puede accender una funcion?
¿En que momentos tiene acceso?

En el navegador el objeto global donde esta mi variable es en
window.miVariable

console.log("inicializando archivo");
//Imprimiendo algo en la consola

var nombre = "Daniel";
//Una variable global

function imprimirNombreEnMayusculas(nombre) {
// n tiene alcance local
//Para declarar la variable local, simplemente la coloco en parametro


nombre = nombre.toUpperCase()
//Observaras que puede usar la variable global perfectamente

console.log(nombre);
}
/*
Esta funcion va a tener el efecto colateral de 
modificar la variable nombre tanto dentro como fuera 
de la funcion

Esto es algo que queremos evitar en nuestro codigo
*/

imprimirNombreEnMayusculas(nombre);
//De esta manera evito el efecto colateral y tengo un alcance local

Repaso
¿Que aprendi?
toda variable que no esta definida en una funcion esta
definida en el objeto global que en este caso
en el navegador es window

Aprendi que para crear una variable local asi tenga el mismo nombre que una global tengo que escribir su nombre como parametro en una funcion

Que en javascript en general queremos que una variable local no contamine todo el codigo
¿Que logre?
Logre crear una funcion usando tanto variables globales como variables locales

¿Que podre lograr?
Podre crear un codigo sostenible en el tiempo

Un programador evita efectos colaterales en su codigo

Victor Andres Castillo Zambrano

student•

muy buenos apuntes

Alejandro David Benolol

student•

Gracias por tu aporte

Walter Alejandro Arguello Plaza

student•

También funciona de esta manera sin afectar la variable global.

function imprimirNombreEnMayuscula()
{
console.log(${nombre.toUpperCase()});
}
imprimirNombreEnMayuscula();

Francisco Ramirez Naut

student•

eso es un dato muy interesante

juan carlos gómez lópez

student•

Saludos. Mi duda es, finalmente si este código modifica la variable -name- dentro del objeto global por el estatus de "Undefined". Entonces porque debería ser usado?

console.log(${nombre.toUpperCase()});

Betty Rossana Jimenez Cedeño

student•

En pocas palabras todo lo que se declare dentro de las llaves, muere cuando se termine de ejecutar la función.

Armando García

student•

Así de simple! Gracias.

Willy David Da Conceicao Lozada

student•

SUPER APUNTES: ![](

Diego Bruno

student•

Hay que armar una fan page "Fans de los apuntes de Willy"!!!

Willy David Da Conceicao Lozada

student•

JEJE... OK ME AVISAS CUANDO EXISTA 👀

Rulo Code

student•

El alcance de una función se mide en base a que variables puede acceder
Si una variable no esta definida dentro del cuerpo de una función, esta será una variable global
El objeto global depende del entorno en el que se ejecuta Js, en el caso del Browser es ** window. **
Cuando una función accede a una variable global modificando su valor inicial, esto se le conoce como **Side Effect ** , Efecto de lado o si quieres sonar muy peliculero Daño colateral
A un nivel profesional el Side Effect no es algo deseado, y para evitarlo es necesario crearle un parametro a la función

**NOTA: ** El parámetro puede llamarse de la misma manera que la variable global.

Fernando Huamán Santamaria

student•

Muchas gracias por la informacion , tenia dudas en esa parte

daniel kant

student•

Daño colateral no es correcto. Es Efecto colateral

Diego Fernando López Martínez

student•

El tema del alcance lo pueden consultar como scope, pero esta imagen puede aclarar un poco el tema

Fabian Rivera Restrepo

student•

Muy buen Aporte para aclarar el Scope

José Gregorio Block

company_admin•

#Nice

Ezequiel Maximiliano Silvestre

student•

Algo importante es la diferencia entre función y procedimiento. Javascript los trabaja de forma indistinta, pero tradicionalmente, son dos cosas separadas. Una función es un bloque de código que ejecuta una serie de instrucciones y finalmente devuelve un valor, comunmente mediante la sentencia return. Un procedimiento, tambíen es un bloque de código que ejecuta una serie de instrucciones, pero que no necesariamente devuelve un valor al final de su ejecución. En el caso de este video, la función imprimirNombreEnMayusculas no devuelve un valor, sino que solo hace una impresión en pantalla, con lo cual se considera un procedimiento. De nuevo, Javascript maneja esto de forma indistinta bajo el concepto de funciones, pero es bueno saberlo.

Otra cosa, el hecho de que Javascript nos permita usar el nombre de una variable global para usar como variable local en una función, no significa que debamos hacerlo. Es una mala práctica. Siempre se deben diferenciar los nombres de las variables

Andrés Corral

student•

No sabia lo de los procedimientos, gracias por compartir

Esteban Salvatore

student•

No te entiendo nada

Ivan Mendez

student•

Las variables tienen un alcance

El alcance te dice desde que partes del codigo puede ser modificada tu variable

En el ejemplo de la clase, digamos que quieres convertir tu nombre a mayusculas PERO no quieres que la variable que guarda tu nombre se modifique

Para eso dentro de la funcion imprimirNombreEnMayusculas() le agregas como parametro una variable, en este caso se llama n pero como siempre, el parametro de la funcion se puede llamar como tu quieras, te invito a que le cambie el nombre para que veas que igual funcionara

una vez tienes

function imprimeEnMayusculas(n) {
    n = n.toUpperCase();
    console.log(n)
}

n sera igual a lo que pases, por eso te imprime n sin que tu variable nombre se modifique, cuaquier duda hazmela saber

Elizabeth Rivera Ura

student•

Creo que aqui tambien se habla de que Var ya no se usa, sino Let y Const como variables?

Enrique Orozco Gaytán

student•

Ejemplo de la clase:

Marco Luna

student•

Hola. Como se llama la app que utilizas para realizar estas notas? Saludos

Cesar Israel Aguilar Carrera

student•

Si utilizas VScode puedes utilizar la extensión llamada polacode

Efraín Hernández García

student•

Las variables globales pueden ser accedidas desde cualquier parte del código, y las variables locales solo están definidas dentro de las funciones y solo se puede acceder dentro de la función. Esto evita modificar variables que no deben ser modificadas

Andres Felipe Pinchao Ramirez

student•

scope

Bernardo Aguayo Ortega

student•

gracias

Wilson Fernando Antury Torres

student•

No es buena práctica usar muchas variables globales. Pues no esta bien que una función haga modificaciones a registros que no tienen que ver con tal función.

Cesar Zavala Varon

student•

Totalmente cierto, pero creo que para un estudiante que apenas esta aprendiendo el concepto de variables decirle que es una variable global puede ser un poco de ruido no? Esto se puede ir puliendo conforme la persona vaya tomando confianza con el lenguaje.

Kevin Jeremy Salazar Jimenez

student•

un poco confuso pero despues de experiementar todo queda mas claro:)

José Angel López Farhat

student•

¿Es una mala practica usar la misma variable global en una función local ?

Demian Arenas

student•

En general, es mala practica usar variables globales, justo por el tema de sobreescribir valores dentro de otras funciones y que puede ser un poco inseguro.

José Angel López Farhat

student•

Muchas gracias chicos!

Luis Felipe Medina Rodriguez

student•

alcance = scope?

Jorge Gonzalez

student•

Si, es el alcance que tiene una variable.

Obed Tzay

student•

Alcance que tiene una variable, puede ser el alcance global (dentro de todo el programa), o el scope de una función. Saludos!

Ivan Mendez

student•

Mis primero lenguajes fueron java y php, se me hacer muuuy raro escribir codigo sin terminar cada linea con un ;

Edwin Gustavo Rozo Gómez

student•

Igual lo puedes hacer, hasta donde sé, la comunidad aún no se ha definido por una sola cosa.Particularmente me parece con estilo poner ; al final de cada línea.

Sergio Armando Medina Chaparro

student•

Lo del alcance de las variables locales fue un dolor de cabeza en mis talleres de JavaScript en la unversidad.

Miguel Angel Escurra

student•

Ámbito En JavaScript, las instrucciones que se encuentran fuera de una función se considera que están en el ámbito global. Este es el espacio en el que escribimos las instrucciones hasta que se define una función u otra clase de estructura de datos. Las variables definidas en el ámbito global tienen un alcance global y, por lo tanto, se pueden usar desde cualquier parte del código, pero las declaradas dentro de las funciones tienen un alcance local, lo que significa que solo se pueden usar dentro de la función en la que se han declarado. Esta es otra ventaja de las funciones; son lugares especiales en el código donde podemos almacenar información a la que no se podrá acceder desde otras partes del código. Esta segregación nos ayuda a evitar generar duplicados que pueden conducir a errores, como sobrescribir el valor de una variable cuando el valor anterior aún era requerido por la aplicación. El siguiente ejemplo ilustra cómo se definen los diferentes ámbitos y qué debemos esperar cuando accedemos desde un ámbito a variables que se han definido en un ámbito diferente.

var variableGlobal = 5;
function mifuncion(){
 var variableLocal = "El valor es ";
 alert(variableLocal + variableGlobal); // "El valor es 5"
}
mifuncion();
alert(variableLocal);

Miguel Angel Escurra

student•

Debido a que las variables declaradas en diferentes ámbitos se consideran diferentes variables, dos variables con el mismo nombre, una en el ámbito global y otra en el ámbito local (dentro de una función), se considerarán dos variables distintas (se les asigna un espacio de memoria diferente).

Extraido del libro "El gran libro de HTML5 CSS3 y JavaScript 3ed" J.D Gauchat.

Ramón Ruiz

student•