Please enable JavaScript.
Coggle requires JavaScript to display documents.
javascript (Tutorial (Array Methods (join() (separa los elementos del…
Propiedades
- Se pierden al cerrar el navegador
-
eventos
Propiedades
- devuelve el elemento que ha disparado el evento
- evalúa y ejecuta el texto pasado por parámetro
-
Librerías
- detecta las capacidades de los navegadores que visitan nuestro servidor para poder ofrecerle un contenido alternativo a HTML5 si este no lo soporta
-
-
"2" < "12"
Resultado false ya que al ser strings alfabéticamente 2 es mayor que 1
Si uno de ellos fuese numérico el otro lo convertiría a numérico y el resltado sería true
-
-
-
/string/i ==> busca string sin tener encuenta mayusculas o minusculas
/string/g ==> busca coincidencias globales en el texto
/string/m ==> busca coincidencias en texto multilinea
-
-
-
-
-
- Dentro de un objeto: se refiere al propio objeto
- Si se usa solo o en una función : se refiere al objeto global, excepto con "use strict"
- Use {} instead of new Object()
- Use "" instead of new String()
- Use 0 instead of new Number()
- Use false instead of new Boolean()
- Use [] instead of new Array()
- Use /()/ instead of new RegExp()
- Use function (){} instead of new Function()
- == siempre convierte a tipos equivalentes antes de comparar
- === fuerza comparación de valores y tipos
- Utiliza \ para separar en lineas un texto
- Nunca romper return statements
-
Novedades: Operador flecha
- ES5 ==> var x = function(x, y) { return x * y; }
- ES6 ==> const x = (x, y) => x * y;
El operador flecha no tiene el objeto this
Usar const es más seguro que var ya que una función es una expresión constante
Puedes omitir la palabra return y las llaves (si es sentencia simple)
-
-
-
-
funciones
-
son objetos
function myFunction(a, b) {
return arguments.length;
}
- puedes llamar con parámetros a una función de que no se ha definido con ellos. Para acceder a dichos parámetros lo hacemos a través del array "arguments"
Es una especie de polimorfismo
Se define un objeto genérico y luego objetos especializados a los que llamamos desde el genérico con la función call
-
Puesto que acepta argumentos en array se puede utilizar para calcular el máximo de un array utilizando el objto Match
Math.max.apply(null, [1,2,3]);
- envuelve una función dentro de otra de manera que la padre es como si fuese global a la hija
- el return devuelve una función que se invoca a si misma y esa invocación solo funciona una vez
variables
definidas fuera de cualquier función ya sea con la palabra var o no. Pertenecen al objeto window
- definidas dentro de una función sin la palabra var
-
Brouser BOM
window
-
-
- window.location.href returns the href (URL) of the current page
- window.location.hostname returns the domain name of the web host
- window.location.pathname returns the path and filename of the current page
- window.location.protocol returns the web protocol used (http: or https:)
- window.location.assign loads a new document
- history.back()
- history.forward()
- navigator.appCodeName
- navigator.product
- navigator.appVersion
- navigator.userAgent
- navigator.platform
- navigator.language
- navigator.onLine
- navigator.javaEnabled()
- window.alert("sometext");
- confirm("Press a button!")
- prompt("sometext","defaultText");
- setTimeout(function, milliseconds)
- clearTimeout(timeoutVariable)
- setInterval(function, milliseconds);
- clearInterval(timerVariable)
- document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";
-
JSON
- Transforma un texto en un objet javascript
JSON.parse(text, function (key, value)
- key: propiedad del objeto
- value: valor de la propiedad
-
-
-
- No tienen significado especial, es decir, se pueden utilizar como cualquier otro carácter para dar nombre a variables
- Solo por convención se utiliza lo siguiente:
- $() para llamar a la función document.getElementById
- _nombre para nombres de propiedad o métodos privados ya que javascript no tiene palabras clave public o private
-
Diferencias entre:
- window
- window.top
- window.parent
- Si estás dentro de un frame:
- window ==> actual frame
- parente ==> padre del actual frame
- top ==> el más externo de los frames
- Si no estás en ningún frame:
- se referirá al actual window
- Si estás en un solo nivel de frame parent y top son lo mismo
- Angula
- React
- jQuery
- Vue.js
- Ext.js
- Ember.js
- Meteor
- Mithril
- Node.js
- Polymer
- Aurelia
- Backbone.js