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 insert given html after an element in JavaScript

In this Article we will go through how to insert given html after 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 insertHtmlAfter = (html, ele) => ele.insertAdjacentHTML('afterend', html);

Sep 9, 2021 JavaScript
How to insert given html before an element in JavaScript

In this Article we will go through how to insert given html before 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 insertHtmlBefore = (html, ele) => ele.insertAdjacentHTML('beforebegin', html);

Sep 9, 2021 JavaScript
How to redirect to another page in JavaScript

In this Article we will go through how to redirect to another page 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 goTo = url => location.href = url;

Sep 9, 2021 JavaScript
How to reload the current page in JavaScript

In this Article we will go through how to reload the current page 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 reload = () => location.reload();

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

In this Article we will go through how to replace 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 replace = (ele, newEle) => ele.parentNode.replaceChild(newEle, ele);