1 mi_numero = 8;
2 function mi_funcion_mala() {
3 mi_numero = 5;
4 };
5 console.log(mi_numero)
6 // -> 8
7 mi_funcion_mala()
8 console.log(mi_numero)
9 // -> 5
script comparten el mismo Namespace 1 console.log(1 + 2)
2 // -> 3
3 console.log(1 + 2 + '3')
4 // -> 33
5 console.log('1' + 2 + 3)
6 // -> 123
7 console.log('1' + [2, 3])
8 // -> 12,3
9 console.log('1' + {foo: 2, bar: 3})
10 // -> 1[object Object]
11 console.log(1 + {foo: 2, bar: 3})
12 // -> 1[object Object]
13 console.log(+{foo: 2, bar: 3} + 1 + 'Hola!' + (-'00001'))
14 // NaNHola!-1
Hay que tener cuidado!
La forma mas naive de crear un objeto:
1 a = {
2 x: 20,
3 y: 30,
4 toString: function() {
5 return "<Punto(x=" + this.x + " y=" + this.y + ")>";
6 },
7 };
8
9 console.log(a);
10 console.log("El objeto es: " + a);
11 console.log(+a);
No es la unica
1 foo = {"x":20, "y":30}; // JSON y javascript valido
2 bar = {x: 30, y:30 }; // Objecto javascript
Son similares, pero no son lo mismo
Javascript no tiene clases "as is", pero nos permite crear funciones constructoras:
1 function Punto(x, y) {
2 this.x = x;
3 this.y = y;
4 this.toString = function() {
5 return "<Punto(x=" + this.x + ", y=" + this.y + ")>"; };
6 };
Notar que this es implicito!
Probemos!
Si usamos new, se construye un nuevo objeto vacio y this corresponde a ese
nuevo objeto.
Si llamamos a la funcion a secas, this corresponde al objeto global :P
Si "attachamos" la funcion a un objeto, this corresponde a ese objeto
1 fun.apply(thisArg[, argsArray])
1 fun.call(thisArg[, arg1[, arg2[, ...]]])
window1 window.mi_global = 50;
1 function mi_funcion() {
2 var variable = 75, variable_2 = {foo: 16};
3 };
1 $div_loco = $('#div_loco');
1 _.each(lista_de_items, function(item) {
2 elemento = construir_li(item);
3 $('.foo .bar > ul').append(elemento);
4 });
1 $mi_selector = $('.foo .bar > ul');
2 _.each(lista_de_items, function(item) {
3 elemento = construir_li(item);
4 $mi_selector.append(elemento);
5 });
Me olvido de muchas, acuerdense de estas por ahora!
Los polifixes son nuestros amigos!
| Table of Contents | t |
|---|---|
| Source Files | s |
| Slide Numbers | n |
| Notes | 2 |
| Help | h |