[JS] 자바스크립트 에러 해결방법

Cherry·2022년 9월 6일
0

JS

목록 보기
12/14
post-thumbnail

javascript를 이용하다보면 다양한 오류들을 확인 할 수 있다.

오타로 인한 오류일 경우에는 바로 확인해서 수정이 가능하지만 가끔은 어떤오류인지 도통 몰라서 곤란한 경우가 있다.

그래서 자주 확인 할 수 있는 오류 메세지를 통해서 오류원인을 추측해보자.

✔️ Uncaught SyntaxError: Invalid shorthand property initializer

객체를 만들 때, 속성에 값을 대입하기 위해서는 '='를 가 아닌 ':'를 사용해서 작성해야한다.

✍️ 작성

const Cherry={
name='Berry',
age=23,
}
console.log(Cherry.name)

위와같이 작성하면 에러창이 뜨게되고 아래와 같이 수정해줘야한다.

✍️ 작성

const Cherry={
name:'Berry',
age:23,
}
console.log(Cherry.name)

✔️ Uncaught SyntaxError: Missing initializer in const declaration

변수의 값을 선언하지 않았을때 뜨는 에러창이다.
const 선언시 반드시 값을 할당해 주어야 한다.
const를 상수라고도 하는데,
한 번 값을 할당하게 된다면 다른 값을 할당할 수 없으니 주의해야한다.

✔️Uncaught SyntaxError: Invalid or unexpected token

오타가 난 경우에 뜨는 에러창이다.
쌍따옴표로 문자열 감싸주기, 콤마(,)의 위치, 소괄호, 중괄호 등 (), {} 괄호 열림, 닫힘이 잘못된 부분이 없는 지 확인 후 수정하면 됩니다.

profile
🍒의 공부공간

0개의 댓글