[go: up one dir, main page]
Scribd
Upload
8 views7 pages

JavaScript Functions That Are Often Underrated 1735228644

The document outlines several underrated JavaScript functions that enhance coding efficiency. Key functions include debounce for improving search input responsiveness, memoize for caching expensive operations, deepClone for safe object copying, retry for resilient API calls, and groupBy for organizing data. Each function is accompanied by a brief description and example code.

Uploaded by

Thiện Bình Nguyễn Phạm
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
8 views7 pages

JavaScript Functions That Are Often Underrated 1735228644

The document outlines several underrated JavaScript functions that enhance coding efficiency. Key functions include debounce for improving search input responsiveness, memoize for caching expensive operations, deepClone for safe object copying, retry for resilient API calls, and groupBy for organizing data. Each function is accompanied by a brief description and example code.

Uploaded by

Thiện Bình Nguyễn Phạm
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

FREELANCER

Javascript
functions that are
often underrated
Save it now

@shadowctrl
www.shadowctrl.me
Freelance Developer
FREELANCER

Debounce() Your Best Friend for Search Inputs

const debounce = (func, wait) => {


let timeout;
return (...args) => {
clearTimeout(timeout);
timeout = setTimeout(() => func(...args), wait);
};
}

const handleSearch = debounce((searchTerm) => {


// API call or heavy computation
}, 300);

Delays function execution for improved search


responsiveness.

@shadowctrl
www.shadowctrl.me
Freelance Developer
FREELANCER

memoize() Cache Expensive Operations

const memoize = (fn) => {


const cache = new Map();
return (...args) => {
const key = JSON.stringify(args);
if (cache.has(key)) return cache.get(key);
const result = fn(...args);
cache.set(key, result);
return result;
};
}

caches function outputs, avoiding


redundant computations.

@shadowctrl
www.shadowctrl.me
Freelance Developer
FREELANCER

deepclone() Safe Object Copying

const deepClone = (obj) => {


if (obj === null || typeof obj !== 'object') return obj;
const copy = Array.isArray(obj) ? [] : {};
Object.keys(obj).forEach(key => {
copy[key] = deepClone(obj[key]);
});
return copy;
}

safely copies complex objects, avoiding


references.

@shadowctrl
www.shadowctrl.me
Freelance Developer
FREELANCER

retry() Resilient API Calls

const retry = async (fn, retries = 3, delay = 1000) => {


try {
return await fn();
} catch (error) {
if (retries <= 0) throw error;
await new Promise(resolve => setTimeout(resolve, delay));
return retry(fn, retries - 1, delay);
}
}

Executes API calls reliably, handling


failures.

@shadowctrl
www.shadowctrl.me
Freelance Developer
FREELANCER

groupBy() Data Organization Made Simple

const groupBy = (array, key) => {


return array.reduce((result, item) => {
(result[item[key]] = result[item[key]] || []).push(item);
return result;
}, {});
}

A powerful tool for organizing data by


grouping elements with common properties.

@shadowctrl
www.shadowctrl.me
Freelance Developer

You might also like