À medida que você tem programado em JavaScript, inevitavelmente encontrou mensagens de erro. Entender mensagens de erro comuns ajudará você a depurar de forma mais eficaz e a se tornar um programador mais forte. Os quatro tipos comuns de mensagens de erro são SyntaxError, ReferenceError, TypeError e RangeError. Um SyntaxError acontece quando você escreve algo incorretamente no seu código, como esquecer um parêntese ou um colchete. Pense nisso como um erro gramatical em uma frase. Aqui está um erro comum que desenvolvedores cometem ao criar arrays:

const arr = ["Beau", "Quincy" "Tom"]

Cada elemento do array precisa ser separado por uma vírgula caso contrário resultará em uma mensagem de erro. O segundo erro comum em JavaScript é um ReferenceError. Existem vários tipos de ReferenceErrors, acionados de maneiras diferentes. O primeiro tipo de ReferenceError seria variáveis não definidas.

console.log(price);

Neste exemplo, estamos tentando registrar a variável price no console mas ela não foi definida. Isso resultará em um ReferenceError. Outro exemplo de um ReferenceError é tentar acessar uma variável, declarada com let ou const, antes de ela ter sido definida:

console.log(b);
const b = 50;

O exemplo acima resultará em um erro Cannot access 'b' before initialization. O terceiro erro comum seria um TypeError. Esses erros ocorrem quando você tenta realizar uma operação no tipo errado. Aqui está um exemplo de tentativa de usar o método map em um objeto:

const developerObj = {
  name: "Jessica",
  country: "USA",
  isEmployed: true
};

developerObj.map()

Este exemplo resultará em um erro developerObj.map is not a function porque o método map é usado para arrays e não para objetos. O último erro comum que vamos analisar é o RangeError. Um RangeError acontece quando seu código tenta usar um valor que está fora do intervalo que o JavaScript pode manipular. Aqui está um exemplo de atribuição de um valor inválido ao comprimento de um array:

const arr = [];
arr.length = -1;

Como o length de um array precisa ser um inteiro não negativo, defini-lo como -1 gera um RangeError. À medida que você continua a programar em JavaScript, esteja ciente desses diferentes tipos de erros que provavelmente encontrará e por que eles estão acontecendo.