Funciones

También podemos hacer un return explicito usando parentesis en vez de llaves. Dado que retornamos un objeto, es por eso, que dentro de los parentesis hay llaves:

const createProductToJson2 = (title: string, createdAt: Date, stock: number, size?: Size) => ({title, createdAt, stock, size})

amo TS!

Excelente curso, mucha claridad en todos los fundamentos, en ese aspecto Platzi es superior a cualquier otra plataforma qué yo conozca, aquí se enfatiza desde lo básico sin perder de vista la parte práctica…Sigan así, qué gran trabajo

Funciones en TS

En TS tenemos que declarar el tipo de dato de cada parámetro en la función. Además de que TS nos va a marcar error en caso de que agreguemos mas o menos parámetros de los requeridos.

// JS
function createPerson(name, lastName){
  return {name, lastName}
}
createPerson() // no error
createPerson(0, true) // no error
createPerson('o', 32, true) //no error

// TS
function createPerson(name: string, lastName: string){
  return {name, lastName}
}
createPerson() // ERROR
createPerson(0, true) // ERROR
createPerson('o', 32, true) // ERROR

Esta es una manera en la que TS nos ayuda. También podemos tener parámetros opcionales, que si no son declarados, son undefined.

function createPerson(
  name: string,
  lastName: string,
  age?: number){
    return {name, lastName, age}
}

En este caso age es opcional

El contenido de esta clase:

(() => {
  type Sizes = 'S' | 'M' | 'L' | 'XL';

  function createProductJson(
    title: string,
    createdAt: Date,
    stock: number,
    size: Sizes
){
   return {
        title,
        createdAt,
        stock,
        size
    }
}

  const producto1=createProductJson("P1", new Date(),12,"XL");
  console.log(producto1);
  console.log(producto1.title);
  console.log(producto1.stock);
  console.log(producto1.size);

  const createProductJsonV2=(
    title: string,
    createdAt: Date,
    stock: number,
    size?: Sizes
) => {
   return {
        title,
        createdAt,
        stock,
        size
    }
}

const producto2=createProductJson("P1", new Date(),12);
console.log(producto2);
console.log(producto2.title);
console.log(producto2.stock);
console.log(producto2.size);

})();

Ojo que existe una diferencia al crear funciones con FUNCTION y con ()=>{}, hoisting es el tema

Les comparto mis apuntes. 😄

Tipo de dato Date

Podemos usarlo así tal cual Date no vamos a tener ningún problema como teníamos con Number, Object, etc.

Sintaxis tipo inferido

Funciones declarativas

function functionName (parameters: dataTypes) { statements }

Arrow functions

const functionName = (parameters: dataTypes) => { statements }

Parámetros opcionales

Agregamos ? después del nombre de nuestro parámetro pero antes de los :.

Al no enviar ese parámetro en cuando usamos la función por defecto este será undefined.

function functionName (parameters?: dataTypes): dataTypes { statements }

Recomendación

Se recomienda usar arrow functions por encima de las funciones declarativas normales.

Aqui esta la url del github en la rama de esta clase:
https://github.com/platzi/curso-typescript-fundamentos/tree/15-step

Cada clase me fascina mas TS!!
Excelente profesor por cierto.

Es buena práctica que si colcoamos parámetros opcionales colocarle un valor podefecto!

Tipos de argumentos

Algo muy bueno a tener en cuenta que las funciones pueden manejar tanto tipos de parámetros obligatorios (Los especificados en la declaración de la función), luego están los parámetros opcionales que estos siempre deben de ir al final de los parámetros, es decir, después de los parámetros obligatorios, esto es regla en las últimas versiones de TS y por último, los parametros por defecto que se escriben como en JS, que sería myName: string = “Alvaro”, en caso que no envíe nada, la variable myName será “Alvaro”.

El operador ? en los parametros de una función es sugar syntax para el tipo de dato udenfined.

    const greet = (name?: string = undefined) => {
        name ? console.log(`Greetings ${name}!`) : console.log('Greetings!')
    }

    greet('Angel') # Greetings Angel!
    greet() # Greetings

Como no amar TypeScript! Saludos Magellanics 😃

Hola buenas, como están?, les recomiendo una extensión que se llama Error Lens, para Visual Studio Code, refleja los errores en la misma línea

✅

Mis notas: hice la prueba de usar los valores por default para un parametro y funciona similar. encuanto a que el valor es opcional pero obviamente retornan cosas diferentes, el parametro con valor por default devolvera el que se le definiera y el que usa el “?” devolvera undefined.

 //?In a function types are used when defining the parameters and it apllies all we've seen before.
  type Sizes = 'S' | 'M' | 'L' | 'XL';

  const myProductObj = (productName: string, productSize: Sizes, personalized: boolean = false) => {
    //*I can give a default value to a parameter, so it's optional.
    return{productName, productSize, personalized}
  }
  const myProductObj2 = (productName: string, productSize: Sizes, personalized?: boolean) => {
    //* if i add a "?" after the parameter name, it means the parameter is optional but if is not passed its value will be "undefined" so typescript infer that the value is in this case: boolean | undefined
    return{productName, productSize, personalized}
  }

  const product1 = myProductObj('capicard', 'S');
  console.log(product1);//{ productName: 'capicard', productSize: 'S', personalized: false }

  const product2 = myProductObj2('capishirt','M')
  console.log(product2);//{ productName: 'capishirt', productSize: 'M', personalized: undefined }

La verdad que este curso es muy bueno, me está sirviendo muchísimo! Gracias ♥

So far, so good
👍 👍 👍

Documentación sobre funciones https://www.typescriptlang.org/docs/handbook/2/functions.html

Nicolas muy bueno que además de ir de una a la práctica expliques, por ejemplo una función es un objeto que permite bla bla bla bla, por que hay personas que hacen este curso y apenas están iniciando en el mundo del desarrollo, entonces empiezan a desarrollar si saber que están desarrollando

arrow function en TS.