Indentação como medida de complexidade em JavaScript

Já parou para pensar que indentação é nosso maior “inimigo”?

Image for post
Image for post
Você consegue interpretar o sinal que seu código está te passando? — Imagem, TopTal

Introdução

Simplicidade x Complexidade x Fácil

Indentação como medida de complexidade

Image for post
Image for post
Código complexo sempre se parece com o sinal de maior “>”. Código simples sempre se parece com um tijolo, ou retângulo.

Estruturas de controle

Abstrações

const myArray = [{id: 'a'}, {id: 'b'}, {id: 'c'}];

let ids = [];

for (let i = 0; i < myArray.length; i++) {
ids.push(myArray[i].id);
}

console.log(ids);
import {pluck} from 'lodash';

const myArray = [{id: 'a'}, {id: 'b'}, {id: 'c'}];

const ids = pluck('id', myArray);

console.log(ids);

Funções puras

(function myWrapperFunction() {
// código aqui dentro será
// executado imediatamente
}())

Porquê?

Written by

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