Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

--- development:angular:20200309 [09/03/2020 11:27] – creat mate
+++ development:angular:20200309 [09/03/2020 13:49] (actual) – // mate
@@ Línia 21: / Línia 21: @@
     * a partir de ahí, podemos ir avanzando instrucción a instrucción o saltar al próximo punto, etc...
   * console.log
+== typescript
+  * [[http://www.typescriptlang.org/]]
+  * instalar typescript<code bash>npm i -g typescript</code>
+  * ...para acceder al **typescriptcompiler**<code bash>tsc -v</code>
+  * [[http://json2ts.com/]]
+  * let y const
+    * ''var x = 2;'' -> global
+    * ''let x = 2;'' -> scope { }
+  * scope:
+    * ES2015: solo global y función
+    * después: global + función + bloque { }
+  * arrow functions:
+    * ''const x= (x,y) => x*y;''
+    * ''const x = (x,y) => { return x*y; }'' <- para casos, no este, más complejos, con más instrucciones
+  * template literals:
+    * ''%%`cadena ${variable} ${variable}`%%''
+    * comillas inclinadas, uso de literales + variables
+    * acepta salto de líneas
+  * rest parameter
+    * nos permite representar un número indefinido de argumentos
+    * <code javascript>function myForm(a,b, ...otros) {
+    console.log("a",a);
+    console.log("b",b);
+    console.log("otros", otros);  // array
+}</code>
+  * spread operator:<code typescript>var partes= ['shoulders','knees'];
+var lyrics = ['head', ...partes,'and','toes'];
+// ['head', 'shoulders','knees','and','toes'];</code>
+<code javascript>function myFunction(a,b,c) {}
+var args = [0,1,2];
+myFunction(...args);</code>
+  * destructuring:
+    * <code javascript>[a,b]=[b,a] # intercambio de variables</code>
+    * <code javascript>vat a,b,rest;
+[a,b, ...rest] = [10,20,30,40,50];
+console.log(rest); # [30,40,50]</code>
+    * [[https://developer.mozilla.org/ca/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment]]