4

Soy relativamente nuevo a TypeScript y estoy revisando tanto la documentación oficial como los ejemplos de GitHub.

En uno de estos ejemplos de GitHub hay una función uri a la que se le pasan los argumentos sin usar paréntesis (ejemplo completo):

public async getRateLimit() {
    return this.get<RateLimit>(uri`/rate_limit`);
}

Aquí se muestra la implementación de esta función :

function uri(template: TemplateStringsArray, ...args: any[]): string;
function uri(template: TemplateStringsArray) {
    let text = template[0];
    for (let i = 1; i < template.length; i++) {
        text += encodeURIComponent(String(arguments[i]));
        text += template[i];
    }
    return text;
}

No logro ver esta forma de llamar a las funciones docmentada por ningún sitio. Agradecería mucho un link a la documentación o una explicación si estoy equivocado.

1 respuesta 1

6

Esto no es un feature de Typescript como tal sino de ECMAScript 6 llamada tagged template literals o plantillas de cadena de texto con postprocesador.

Una forma más avanzada de plantillas de cadenas de texto son aquellas que contienen una función de postprocesado. Con ellas es posible modificar la salida de las plantillas, usando una función. El primer argumento contiene un array con las cadenas de texto de la plantilla. El segundo y subsiguientes argumentos con los valores procesados ( ya cocinados ) de las expresiones de la plantilla. Finalmente, la función devuelve la cadena de texto manipulada. El nombre de la función no es nada especial, se puede usar cualquier nombre de función en su lugar.

var a = 1;
var b = 2;

function procesador(cadenas, ...valores) {
  console.log('Texto:', cadenas);
  console.log('Valores interpolados:', valores);

  return "La salida es " + valores.join(',');
}

console.log(procesador `Texto ${ a + b } entrada ${ a * b}`);

Usualmente los desarrolladores de Typescript tratan de soportar lo más posible los features del lenguaje nativo ya que Typescript siempre compila a javascript por lo que no sería buena idea eliminar features del lenguaje base. Esta es una cita de una vieja noticia pero te da idea de los objetivos de los que desarrollan el lenguaje y en que versión ocurrió ese cambio

En adición a la mejora del sistema de tipos, uno de los objetivos principales para el lanzamiento de TypeScript 2.0 es soportar completamente el estándard ECMAScript 6. Con TypeScript 1.4, tomamos otros pasos en este sentido. En esta versión hemos añadido un nuevo modo de salida para ES6, soporte para let y const y soporte para ES6 template strings.

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.