{"id":616,"date":"2023-11-13T17:49:21","date_gmt":"2023-11-13T20:49:21","guid":{"rendered":"https:\/\/stackcodelab.com\/blog\/?p=616"},"modified":"2023-11-13T17:49:33","modified_gmt":"2023-11-13T20:49:33","slug":"funciones-y-alcance","status":"publish","type":"post","link":"https:\/\/stackcodelab.com\/blog\/funciones-y-alcance\/","title":{"rendered":"Funciones y Alcance"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><em>Declaraci\u00f3n y llamada de funciones<\/em><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00bfQu\u00e9 son las funciones en JavaScript?<\/strong>&nbsp;Una funci\u00f3n es un bloque de c\u00f3digo reutilizable que realiza una tarea espec\u00edfica. Las funciones se utilizan para dividir un programa en tareas m\u00e1s peque\u00f1as y manejables. Puedes declarar una funci\u00f3n con la palabra clave&nbsp;<code>function<\/code>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejemplo de declaraci\u00f3n de funci\u00f3n:<\/strong> function saludar() {&nbsp; console.log(\u00abHola, mundo!\u00bb);}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Llamada de funciones<\/strong>&nbsp;Una vez que has declarado una funci\u00f3n, puedes llamarla para ejecutar el c\u00f3digo contenido en ella. saludar(); <em>\/\/ Llama a la funci\u00f3n \u00absaludar\u00bb<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>\u00c1mbito global y local<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00c1mbito global<\/strong>&nbsp;Las variables declaradas fuera de una funci\u00f3n tienen un \u00e1mbito global y pueden ser accedidas desde cualquier parte del c\u00f3digo. let nombre = \u00abJuan\u00bb; <em>\/\/ Variable global<\/em>function saludar() {&nbsp; console.log(\u00abHola, \u00bb + nombre);}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00c1mbito local<\/strong>&nbsp;Las variables declaradas dentro de una funci\u00f3n tienen un \u00e1mbito local y solo pueden ser accedidas dentro de esa funci\u00f3n. function saludar() {&nbsp; let nombre = \u00abMar\u00eda\u00bb; <em>\/\/ Variable local<\/em>&nbsp; console.log(\u00abHola, \u00bb + nombre);}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Pasando argumentos y devolviendo valores<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pasando argumentos a funciones<\/strong>\u00a0Las funciones pueden recibir argumentos que se utilizan dentro de la funci\u00f3n para realizar tareas espec\u00edficas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">function sumar(a, b) {&nbsp; return a + b;}&nbsp;let resultado = sumar(5, 3);console.log(\u00abLa suma es: \u00bb + resultado);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Devolviendo valores<\/strong>&nbsp;Las funciones pueden devolver valores utilizando la palabra clave&nbsp;<code>return<\/code>. Esto es \u00fatil para obtener resultados de una funci\u00f3n. function multiplicar(a, b) {&nbsp; return a * b;}&nbsp;let resultado = multiplicar(4, 6);console.log(\u00abEl producto es: \u00bb + resultado);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Ejercicio Pr\u00e1ctico<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed tienes un ejercicio para practicar la creaci\u00f3n de funciones y el manejo de \u00e1mbito. Crea una funci\u00f3n llamada&nbsp;<code>calcularDescuento<\/code>&nbsp;que tome un precio original y un porcentaje de descuento como argumentos y devuelva el precio despu\u00e9s del descuento. function calcularDescuento(precioOriginal, porcentajeDescuento) {&nbsp; let descuento = (precioOriginal * porcentajeDescuento) \/ 100;&nbsp; return precioOriginal &#8211; descuento;}&nbsp;let precioFinal = calcularDescuento(100, 20);console.log(\u00abEl precio con descuento es: $\u00bb + precioFinal);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este ejercicio permitir\u00e1 a los lectores aplicar el concepto de funciones y \u00e1mbito, as\u00ed como comprender c\u00f3mo pasar argumentos y devolver valores.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En este <a href=\"http:\/\/www.stackcodelab.com\">cap\u00edtulo<\/a>, hemos explorado las funciones y el \u00e1mbito en JavaScript, incluyendo la declaraci\u00f3n y llamada de funciones, el \u00e1mbito global y local, y la forma de pasar argumentos y devolver valores. Las funciones son fundamentales para dividir y organizar el c\u00f3digo. El ejercicio pr\u00e1ctico proporcionado ayudar\u00e1 a los lectores a aplicar y consolidar lo que han aprendido sobre funciones. En el siguiente cap\u00edtulo, continuaremos profundizando en la <a href=\"http:\/\/www.gustabin.com\" target=\"_blank\" rel=\"noopener\">programaci\u00f3n con JavaScript<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Resumen<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Declaraci\u00f3n y llamada de funciones \u00bfQu\u00e9 son las funciones en JavaScript?&nbsp;Una funci\u00f3n es un bloque de c\u00f3digo reutilizable que realiza una tarea espec\u00edfica. Las funciones se utilizan para dividir un programa en tareas m\u00e1s peque\u00f1as y manejables. Puedes declarar una funci\u00f3n con la palabra clave&nbsp;function. Ejemplo de declaraci\u00f3n de funci\u00f3n: function saludar() {&nbsp; console.log(\u00abHola, mundo!\u00bb);} [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[33],"tags":[],"class_list":["post-616","post","type-post","status-publish","format-standard","hentry","category-javascript-y-otras-hierbas"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"arquitecto","author_link":"https:\/\/stackcodelab.com\/blog\/author\/arquitecto\/"},"uagb_comment_info":0,"uagb_excerpt":"Declaraci\u00f3n y llamada de funciones \u00bfQu\u00e9 son las funciones en JavaScript?&nbsp;Una funci\u00f3n es un bloque de c\u00f3digo reutilizable que realiza una tarea espec\u00edfica. Las funciones se utilizan para dividir un programa en tareas m\u00e1s peque\u00f1as y manejables. Puedes declarar una funci\u00f3n con la palabra clave&nbsp;function. Ejemplo de declaraci\u00f3n de funci\u00f3n: function saludar() {&nbsp; console.log(\u00abHola, mundo!\u00bb);}&hellip;","_links":{"self":[{"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/posts\/616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/comments?post=616"}],"version-history":[{"count":1,"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/posts\/616\/revisions"}],"predecessor-version":[{"id":617,"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/posts\/616\/revisions\/617"}],"wp:attachment":[{"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/media?parent=616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/categories?post=616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stackcodelab.com\/blog\/wp-json\/wp\/v2\/tags?post=616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}