Cuando definimos una función podemos emplear letras minúsculas,
mayúsculas, números siempre y cuando no ocupe la primer posición en el
nombre, el caracter '_' y el caracer '$'
Una convención muy extendida cuando se define una función es
comenzar la primera palabra en minúscula y a partir de la segunda
palabra disponer el primer caracter en mayúsculas:
<html> <head> </head> <body> <script type="text/javascript"> function calcularPerimetro(lado) { var per=lado*4; return per; } var l=prompt('Ingrese valor del lado:',''); l=parseInt(l); document.write(calcularPerimetro(l)); </script> </body> </html>
El nombre de la función en este ejemplo es: calcularPerimetro
Como vemos la primer palabra "calcular" hemos utilizado todo minúsculas y en la segunda palabra disponemos en mayúsculas el primer caracter "Perimetro".
Como vemos la primer palabra "calcular" hemos utilizado todo minúsculas y en la segunda palabra disponemos en mayúsculas el primer caracter "Perimetro".
Las funciones estándares de JavaScript tienen esta convención:
parseInt parseFloat prompt
Los métodos de distintas clases (Date, String) también cumplen esta convención:
getYear() setYear(año) getFullYear() toUpperCase() toLowerCase() indexOf() etc.
Siempre es conveniente utilizar nombres de funciones que sean
significativas con el algoritmo que implementan: calcularPerimetro,
sumar, calcularRaizCuadrada etc.
La regla de definir un nombre de función lo más claro posible puede
saltearse con funciones que se utilizan constantemente (por ejemplo la
librería JQuery de JavaScript define una función que tiene como nombre
solo el caracter $)
Emplear un solo caracter para definir un nombre de función solo se aconseja para funciones de uso masivo.
Emplear un solo caracter para definir un nombre de función solo se aconseja para funciones de uso masivo.
Problema
Definir una función llamada $ que reciba como parámetro el id de un elemento HTML y retorne la referencia del mismo.
<html> <head> <script type="text/javascript"> function $(ele) { return document.getElementById(ele); } function inicio() { $('cuerpo').style.backgroundColor='#ffff00'; } window.onload=inicio; </script> </head> <body id="cuerpo"> </body> </html>
La función $ recibe como parámetro el id de un elemento HTML y
mediante el método getElementById extrae la referencia y lo retorna:
function $(ele) { return document.getElementById(ele); }
La función inicio se ejecuta luego que la página está completamente
cargada. Llama a la función $ pasando el id del body de la página y con
el valor devuelto accedemos a la propiedad style del objeto:
function inicio() { $('cuerpo').style.backgroundColor='#ffff00'; }
No hay comentarios.:
Publicar un comentario