이모저모 개발 블로그

🟨 기본 환경: IDE: VS code, Language: JavaScript

발생 Error

JavaScript에서 다음 Source Code를 실행할 경우,

⭐ Uncaught ReferenceError: value10 is not defined

→ Error 발생

발생 원인

document.write(value10); 시점에 value10은 정의조차되지 않았으므로 오류 발생

* 호출 전 변수가 정의되어있다면, not defined error는 발생하지 않고, undefined가 출력됨

해결 방법

1. document.write(value10); 전에 정의만 먼저 실시

2. document.write(value10); 전에 정의 및 초기화 실시

➕ 변수 Hoisting

: 코드 실행 전 발생하는 변수 선언이 해당 범위의 맨 위로 이동되는 것

var type 변수는 hoisting이 적용되어 하기 코드에서는 Not defined Error 발생 X, undefined 출력

let, const type 변수는 hoisting 이 적용되지 않으므로 Not defined error/Cannot access 'value10' before initialization 발생

🟨 기본 환경: IDE: VS code, Language: JavaScript

발생 Error

JavaScript에서 다음 Source Code를 실행할 경우,

⭐ Cannot set properties of null (setting 'innerHTML') at insertQ (exam08.html:19:59)

→ Error 발생

발생 원인

insertQ(222) 실행 시, function의 getElementById("question")이 인식되지 않은 상태이므로 null로 인식되어 null의 속성에 result를 설정할 수 없다는 오류가 발생

해결 방법

body tag에 onload 속성을 활용해서 body 내부를 전체 읽고 실행되는 구조로 function을 실행

→ insertQ(111) 참조

🟨 기본 환경: IDE: VS code, Language: JavaScript

발생 Error

JavaScript에서 다음 Source Code를 실행할 경우,

⭐ Invalid left-hand side expression in postfix operation

→ Error 발생

발생 원인

단항(증감) 연산자는 변수나 상수에 할당된 데이터로만 연산할 수 있으며, 숫자에 직접 사용할 수 없음

해결 방법

변수를 선언 후 값을 부여하는 초기화 작업 진행 후, 변수에 증감연산자 사용

소스 코드

🔗 HJ0216/TIL/JAVASCRIPT

🟨 기본 환경: IDE: VS code, Language: JavaScript

발생 Error

JavaScript에서 다음 Source Code를 실행할 경우,

⭐ SyntaxError: Unexpected token 'const'

→ Error 발생

발생 원인

강제적 식별자 명명 규칙에 따르지 않은 식별자 명칭 지정

 * 강제적 식별자 명명 규칙

1. 키워드 사용 불가: var, let, const 등

2. 공백 포함 불가: like food 등

3. 첫 글자는 영문 소문자, _, $ 제외 사용 불가: *name, #age 등

해결 방법

식별자 명명 규칙에 맞게 식별자 명칭 변경

소스 코드

🔗 HJ0216/TIL/JAVASCRIPT

🟨 기본 환경: IDE: VS code, Language: JavaScript

발생 Error

JavaScript에서 다음 Source Code를 실행할 경우,

⭐Missing initializer in const declaration

→ Error 발생

발생 원인

키워드(예약어) const는 값의 재할당이 불가하므로 선언과 할당을 분리해서 선언할 수 없음

해결 방법

const 변수 선언과 할당을 동시에 하여 변수를 초기화

소스 코드

🔗 HJ0216/TIL/JAVASCRIPT