콘솔에서 JavaScript 변수를 선언하면 "정의되지 않음"이 발생하는 이유

var a; 구문을 사용하여 JavaScript 콘솔에서 변수를 선언할 때, "정의되지 않음"이 인쇄됩니다. 이 동작은 놀랄 수 있으며 스택 오버플로 게시물에서 자주 다루어집니다. 그러나 이러한 논의에서는 이것이 발생하는 이유를 완전히 설명하지 못합니다.

콘솔의 동작은 JavaScript가 표현식을 평가하는 방식의 직접적인 결과입니다. var a; 문을 평가할 때 JavaScript는 이를 자체 표현식으로 간주하고 실제로 "정의되지 않음"인 결과를 반환합니다.

변수를 선언할 때 콘솔에서도 "정의되지 않음"을 인쇄하는 이유는 더욱 의아합니다. var a = 3과 같은 초기 값을 사용합니다. 놀랍게도 JavaScript(var 및 function 모두)의 모든 변수 선언 문은 "real"이 포함된 다른 문이 있는 경우 "정의되지 않음"을 반환합니다. 결과.

예:

> var a = 3;
undefined

> var a = 3; a = 4;
4

> var a = 3; a = 4; var a = 5; function f() {};
4

이 동작은 ECMAScript 사양에 따라 다음과 같은 eval 문에 뿌리를 두고 있습니다.

• 평가된 프로그램의 완료 값이 비어 있으면 "정의되지 않음"을 반환합니다.

var a = 4 문을 평가하면 반환 기준을 충족하는 (정상, 비어 있음, 비어 있음)이 반환됩니다. "undefine."

그러나 eval은 평가된 프로그램의 완료 값이 비어 있지 않은 경우 마지막 문의 값이 반환되도록 지정합니다. 마지막 예에서 a = 4는 마지막 문이므로 해당 값(4)이 반환됩니다.

요약하면 JavaScript 콘솔은 변수 선언에 대해 "정의되지 않음"을 인쇄합니다. 왜냐하면 이러한 선언은 다음과 같이 평가될 때 "정의되지 않음"을 반환하기 때문입니다. 표현. 이 동작은 특히 변수에 초기 값을 할당할 때 혼란스러울 수 있지만 이는 JavaScript 표현식 및 문의 기본 평가 메커니즘에서 비롯됩니다.