semi-colon-required.js

const foo = 100
const bar = 20

// La línea es  -  o ++ (en cuyo caso disminuirá / incrementará el siguiente token).
bar
++
foo
/*
La intención es que se interptete así
bar++;
foo;

Pero el ASI detecta el salto de linea luego del bar y el resultado será este:
bar;
++foo;

Ahora, ¿quién en su sano juicio escribiría algo así? 🤬
*/

// La siguiente línea comienza con [, (, +, *, /, -, coma, punto , o algún otro
// operador binario que solo se puede encontrar entre dos tokens en una sola expresión.
console.log('Este código dispara un error debido al ASI')
['🥩', '🌭', '🥧'].map(food => {
  return '💩'
})

/*
Lo anterior se interpreta asi:
console.log('Este código dispara un error debido al ASI')['🥩', '🌭', '🥧'].map(food => {
  return '💩'
})
*/

// Mejor

const foo = 100
const bar = 20

// 4.La siguiente línea comienza con [, (, +, *, /, -, coma, punto , o algún otro
// operador binario que solo se puede encontrar entre dos tokens en una sola expresión.
console.log(`
 Punto y coma "defensivo" para indicar 
 que la declaración anterior termina
`)
;['🥩', '🌭', '🥧'].map((food) => {
  return '💩'
})

// O aún mejor si eres de la escuela "nada de punto y coma"

const foo = 100
const bar = 20
const foods = ['🥩', '🌭', '🥧']

// 4.La siguiente línea comienza con [, (, +, *, /, -, coma, punto , o algún otro
// operador binario que solo se puede encontrar entre dos tokens en una sola expresión.
console.log('¡Mejor que mejor!')
foods.map(food) => {
  return '💩'
})