Sep 9, 2021 JavaScript
How to toggle an element in JavaScript

In this Article we will go through how to toggle an element only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const toggle = ele => (ele.style.display = (ele.style.display === 'none') ? 'block' : 'none');

Sep 9, 2021 JavaScript
How to box handler in JavaScript

In this Article we will go through how to box handler only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const boxHandler = x => ({ next: f => boxHandler(f(x)), done: f => f(x) });

Sep 9, 2021 JavaScript
How to check if a value is a function in JavaScript

In this Article we will go through how to check if a value is a function only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const isFunction = v => ['[object Function]', '[object GeneratorFunction]', '[object AsyncFunction]', '[object Promise]'].includes(Object.prototype.toString.call(v));

Sep 9, 2021 JavaScript
How to check if a value is a generator function in JavaScript

In this Article we will go through how to check if a value is a generator function only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const isGeneratorFunction = v => Object.prototype.toString.call(v) === '[object GeneratorFunction]';

Sep 9, 2021 JavaScript
How to check if a value is an async function in JavaScript

In this Article we will go through how to check if a value is an async function only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const isAsyncFunction = v => Object.prototype.toString.call(v) === '[object AsyncFunction]';

Sep 9, 2021 JavaScript
How to compose functions from left to right in JavaScript

In this Article we will go through how to compose functions from left to right only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

// Compose functions from left to right
const pipe = (...fns) => x => fns.reduce((y, f) => f(y), x);

Sep 9, 2021 JavaScript
How to compose functions in JavaScript

In this Article we will go through how to compose functions only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

// Compose functions from right to left
const compose = (...fns) => x => fns.reduceRight((y, f) => f(y), x);

Sep 9, 2021 JavaScript
How to create a function that accepts a single argument in JavaScript

In this Article we will go through how to create a function that accepts a single argument only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const unary = fn => arg => fn(arg);

Sep 9, 2021 JavaScript
How to create an empty function in JavaScript

In this Article we will go through how to create an empty function only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const noop = () => {};

Sep 9, 2021 JavaScript
How to curry a function in JavaScript

In this Article we will go through how to curry a function only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const curry = (fn, ...args) => fn.length <= args.length ? fn(...args) : curry.bind(null, fn, ...args);