JavaScript | Operador de Oleoducto

El operador de canalización de JavaScript ( |> ) se utiliza para canalizar el valor de una expresión a una función. Este operador hace que las funciones enstringdas sean más legibles. Esta función se llama usando el operador ( |> ) y cualquier valor que se use en el operador de canalización se pasa como argumento a la función. Las funciones se colocan en el orden en que operan en el argumento.

Sintaxis:

expression |> function

Uso del operador de canalización: dado que el operador de canalización es una característica experimental y actualmente se encuentra en la propuesta de la etapa 1, no hay soporte para los navegadores disponibles actualmente y, por lo tanto, tampoco está incluido en Node. Sin embargo, uno puede usar Babel (Compilador de JavaScript) para usarlo.

Pasos:

• Antes de continuar, asegúrese de que Node.js esté instalado.
• Cree un directorio en su escritorio (por ejemplo, pipeline-operator) y dentro de ese directorio cree un archivo JavaScript (por ejemplo, main.js).
• Navegue hasta el directorio e inicialice un archivo package.json que contenga información relevante sobre el proyecto y sus dependencias. 

  npm init
  

• Instale babel para usar el operador. Actualmente, un operador de canalización no forma parte del lenguaje JavaScript, se usa babel para compilar el código para que Node pueda entenderlo.

  npm install @babel/cli @babel/core 
      @babel/plugin-proposal-pipeline-operator 
  

• Para dirigir babel sobre la compilación del código correctamente, se crea un archivo llamado .babelrc con las siguientes líneas:

  {
    "plugins": 
    [
        [
            "@ babel/plugin-proposal-pipeline-operator",
            {
                "proposal" : "minimal"
            }    
        ]
    ]
  }
  

• Agregue un script de inicio al archivo package.json que ejecutará babel:

  "start" : "babel main.js --out-file output.js && node output.js"
  

• Ejecute el código: 

  npm start

Ejemplo:

// JavaScript Code (main.js)
  
function add(x) {
    return x + 10;
}
  
function subtract(x) {
    return x - 5;
}
  
// Without pipeline operator
let val1 = add(subtract(add(subtract(10))));
console.log(val1);
  
// Using pipeline operator
  
// First 10 is passed as argument to subtract
// function then returned value is passed to
// add function then value we get is passed to
// subtract and then the value we get is again
// passed to add function
let val2 = 10 |> subtract |> add |> subtract |> add;
console.log(val2);

Producción:

20
20