Scribd
Cargar
6 vistas

Java Script

JS

Cargado por

ALEXANDER F
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
6 vistas

Java Script

JS

Cargado por

ALEXANDER F
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 14

JAVASCRIPT

LENGUAJE DE PROGRAMACIÓN INTERPRETADO

Técnicamente, JavaScript es un lenguaje de programación


interpretado, por lo que no es necesario compilar los programas
para ejecutarlos. En otras palabras, los programas escritos con
JavaScript se pueden probar directamente en cualquier navegador
sin necesidad de procesos intermedios.

A pesar de su nombre, JavaScript no guarda ninguna relación


directa con el lenguaje de programación Java. Legalmente,
JavaScript es una marca registrada de la empresa Sun Microsystems,
como se puede ver en http://www.sun.com/suntrademarks/.

JavaScript (JS) es un lenguaje ligero pero robusto al mismo


tiempo e interpretado, utiliza objetos, más conocido como el
lenguaje de script para sitios (páginas) web.
VARIABLES
Son contenedores en los que puedes almacenar valores. Primero debes declarar la variable
con la palabra clave o reservada var, seguida del nombre que le quieras dar:

Las variables son necesarias para hacer cualquier cosa interesante en programación. Si los
valores no pudieran cambiar, entonces no podrías hacer nada dinámico, como personalizar
un mensaje de bienvenida de un usuario que visita tu página, cambiar la imagen que se
muestra en una galería de imágenes, etc.
PRECAUCIONES
Todas las lineas en JS deben acabar en punto y coma para indicar que
es ahí donde termina la línea. Si no los incluyes puedes obtener
resultados inesperados.

Puedes llamar a una variable con casi cualquier nombre, pero hay
algunas restricciones

JavaScript distingue entre mayúsculas y minúsculas — miVariable es


una variable distinta a mivariable. Si estás teniendo problemas en tu
código, revisa las mayúsculas y minúsculas.
ALGUNAS PALABRAS RESERVADAS
Las siguientes son palabras reservadas y no pueden ser utilizadas
como variables, funciones, métodos o identificadores de objetos.
Las siguientes son reservadas como palabras claves existentes
por la especificación ECMAScript:
• break • extends • switch • byte
• case • finally • this • char
• class • for • throw • double
• catch • function • try • final
• const • if • typeof • float
• continue • import • var • goto
• debugger • in • void • int
• default • instanceof • while • long
• delete • let • with • native
• do • new • yield • short
• else • return • abstract • synchronized
• export • super • boolean • transient
• null • true • false • volatile
VARIABLES - DECLARAR
Al declarar una variable lo haríamos así, teniendo
en cuenta que es sensible a las mayusculas:

nombreDeLaVariable = 'Bob';

var nombreDeLaVariable = 'Bob';


Puedes escribir comentarios entre el código JavaScript, igual que
puedes en CSS. En JavaScript, los comentarios de una sola línea se
escriben así:

// Esto es un comentario

Pero también puedes escribir comentarios en más de una línea, igual


que en CSS:

/*
Esto es un comentario
de
varias lineas
*/
TIPOS DE DATOS
OPERADORES
Un operador es básicamente un símbolo matemático que puede actuar sobre dos valores (o
variables) y producir un resultado. En la tabla de abajo aparecen los operadores más simples,
con algunos ejemplos para probarlos en la consola del navegador.
OPERADORES
CONDICIONALES
Las Condicionales son estructuras de código que permiten comprobar si una expresión
devuelve true o no, y después ejecuta un código diferente dependiendo del resultado. La
forma de condicional más común es la llamada if ... else. Entonces, por ejemplo:

var helado = 'chocolate';


if (helado === 'chocolate') {
alert('¡Si, amo el helado de chocolate!');
} else {
alert('Awwww, pero mi favorito es el de chocolate...');
}

La expresión dentro de if ( ... ) es el criterio — este usa al operador de identidad (descrito


arriba) para comparar la variable helado con la cadena chocolate para ver si las dos son
iguales. Si esta comparación devuelve true, el primer bloque de código se ejecuta. Si no, ese
código se omite y se ejecuta el segundo bloque de código después de la declaración else.
FUNCIONES
Las funciones son una manera de encapsular una funcionalidad que quieres reutilizar, de manera que
puedes llamar esa función con un solo nombre, y no tendrás que escribir el código entero cada vez que
la utilices. Ya has visto algunas funciones más arriba, por ejemplo:

Estas funciones están integradas en el navegador para poder utilizarlas en cualquier momento.

Si ves algo que parece un nombre de variable, pero tiene paréntesis — () — al final, probablemente es
una función. Las funciones con frecuencia toman arguments — pedazos de datos que necesitan para
hacer su trabajo. Estos se colocan dentro de los paréntesis, y se separan con comas si hay más de uno.

Por ejemplo, la función alert() hace aparecer una ventana pop-up dentro de la ventana del navegador,
pero nosotros necesitamos asignarle una cadena como un argumento para decirle qué mensaje se debe
escribir en la ventana pop-up.
FUNCIONES
Podemos definir nuestras propias funciones — en el siguiente ejemplo escribimos una función simple
que toma dos números como argumentos y los multiplica entre si:

function multiplica(num1,num2) {
var resultado = num1 * num2;
return resultado;
}

La sentencia return le dice al navegador que devuelva la variable resultado fuera de la función, para
que esté disponible para su uso. Esto es necesario porque las variables definidas dentro de
funciones, sólo están disponibles dentro de esas funciones. Esto se conoce como "alcance de la
Variable"
EVENTOS
Para crear una interacción real en tu sitio WEB, debes usar eventos — Estos son unas estructuras de
código que captan lo que sucede en el navegador, y permite que en respuesta a las acciones que
suceden se ejecute un código.

document.querySelector('html').onclick = function() {
alert('Ouch! Deja de pincharme!');
}

Hay muchas maneras de enlazar un evento a un elemento; aquí hemos seleccionado el elemento
HTML y le asignamos a su propiedad onclick una función anónima (función sin nombre) que contiene el
código que se ejecutará cuando el evento suceda.

La abreviatura API viene del término en inglés Application Programming Interfaces (Interfaces
de programación de aplicaciones).

Es una especificación formal sobre cómo un módulo de un software se comunica o interactúa con
otro.

las API son un conjunto de comandos, funciones y protocolos informáticos que permiten a los
desarrolladores crear programas específicos para ciertos sistemas operativos. Las API simplifican en
gran medida el trabajo de un creador de programas, ya que no tiene que «escribir» códigos desde
cero. Estas permiten al informático usar funciones predefinidas para interactuar con el sistema
operativo o con otro programa.
https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/JavaScript_basics
EJERCICIOS
HTML

También podría gustarte