Javascript. 6 consejos para mejorar el rendimiento del código que escribes

Lista de consejos fáciles de implementar en el día a día que te ayudarán a escribir código en Javascript más optimizado

Calcula una única vez

function calculateSomethingHeavy() {
...
}
function foo(bar) {
const result = calculateSomethingHeavy();
// do something with result and bar
}
foo(1);
foo(2);
function foo(bar) {
const object = { key: 'value'};
// do something with bar
}
foo(1);
function calculateSomethingHeavy() {
...
}
function fooCreator() {
const result = calculateSomethingHeavy();
return foo(bar) {
// do something with result and bar
}
}
const foo = fooCreator();foo(1);
foo(2);
const module = (function foo(bar) {
const object = { key: 'value'};
// do something with bar
return {
doSomething: function(bar) {
// do something with bar
}
}
})();
module.doSomething(1);

Usa métodos nativos

function applyFunctionToArray(arr, fn) {
const newArray = [];
for (let i = 0; i < arr.length; i ++) {
const result = fn(arr[i]);
newArray.push(result);
}
return newArray;
}

La palabra delete

const obj = { 'foo': 1, 'bar': 2, 'zeta': 3};
obj.foo = undefined;
const obj = { 'foo': 1, 'bar': 2, 'zeta': 3};
const {foo, ...objectWithoutFoo} = obj;

Divide el código

No todo tienen que ser objetos planos

const arr = [1, 2, 1, 2, 3, 4];
const arrayWithoutDuplicates = [...new Set(arr)];

Y para terminar… ¡cuidado con las librerías!

Conclusiones

¿Quieres recibir más artículos como este?

Written by

Entre paseo y paseo con Simba desarrollo en Symfony y React

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store