Utilizar sólo y exclusivamente HTML y CSS en una página limita considerablemente nuestro desarrollo, por lo que con Javascript que es un lenguaje de programación, podemos decirle a nuestro navegador que desarrolle el funcionamiento lógico que de otra manera sería imposible.
Es
recomendable tener una serie de fundamentos básicos de programación antes para
que no nos resulte tedioso.
Lo más
importante… como todo lenguaje de programación, requiere tiempo, práctica, y
sobre todo acostumbrarse a cambiar la forma de pensar. Dominar un
lenguaje de programación es una tarea que requiere años.
Trabajaremos
en chrome, para lo que ingresamos a la
consola insertando en el navegador “about blank” y luego presionamos F12.
Lo primero
que veremos es la consola, en la siguiente imagen se puede ver el clásico “Hola
Mundo”, previo a la la función console.log, aunque existen otras.
Si tenemos
dudas, podemos utilizar la función typeof, que nos devuelve el tipo de dato de
la variable que le pasemos por parámetro.
Como se
puede ver solo sirve para variables con tipos de datos básicos o primitivos.
En
Javascript, si una variable no está inicializada, contendrá un valor especial:
undefined, que significa que su valor no está definido aún, o lo que es lo mismo,
que no contiene información.
Podemos
utilizar el objeto especial window para acceder directamente al ámbito global
independientemente de donde nos encontremos.
Siempre que
sea posible se debería utilizar let y const, en lugar de var. Hay estrategias
mejores a seguir que utilizar var en la actualidad.
const, inicializa
con un valor concreto, permite crear variables con valores que no pueden ser
cambiados.
 |
| Extraido de lenguajejs.com |
En muchos
casos tendremos variables de texto que nos interesa convertir a número, para
realizar operaciones posteriormente con ellas. Para ello, lo ideal es utilizar
las funciones de parseo numérico, parseInt() y parseFloat().
Al igual que
con parseInt() tenemos otra función llamada parseFloat(). Funciona exactamente
igual a la primera, sólo que la primera está específicamente diseñada para
utilizar con números enteros y la segunda para números decimales. Si utilizamos
parseInt() con un número decimal, nos quedaremos sólo con la parte entera,
mientras que parseFloat() la conservará.
Los operadores relacionales son:
menor: <
mayor: >
mayor o igual: >=
menor o igual: <=
igualdad: === (en JS)
diferentes: !=
La comparación estricta
(===) solo es verdadera si los operandos son del mismo tipo y los
contenidos coinciden. La
comparación con == convierte los operandos al mismo tipo antes de hacer
la comparación.
Los operadores lógicos son: and (y), or (o), y not (no).
Considerando el estilo JavaScript, el and se
representa por &&, el or por || y el not por !.
Ejemplos de expresiones
lógicas:
Hay valores predefinidos
de Pi y e, así como otras funciones: sqrt (raíz) y pow (potencia):
Los operadores aritméticos en JS son +
- * / .
La precedencia es: primero paréntesis,
luego * / y luego + -.
Hay otros operadores, como módulo,
que, como se indicó, es el resto de la división:
> 23%4
< 3
Comentarios
Publicar un comentario