NetEase JS 면접 질문 및 Javascript 어휘 범위 설명_javascript 기술

호출 개체는 범위 체인 앞에 있습니다. 지역 변수(함수 내부에서 var로 선언된 변수), 함수 매개 변수 및 Arguments 개체는 모두 함수 내에서 범위가 지정됩니다. 즉, 범위 체인 속성보다 높은 항목을 숨깁니다. 같은 이름으로.

2010년 9월 14일 NetEase 웹엔지니어 취업박람회에 참석하여 JS 엔지니어 자리에 지원하였습니다. 운 좋게 필기 시험을 쳤고, 운 좋게 필기 시험에서 떨어졌어요, 하하. 쓸데없는 소리는 그만하고, 심오한 영향을 미치는 질문을 골라서 다시 공부해보세요.

아마도 다음 코드의 출력을 작성하고 분석하세요.

코드 복사 코드는 다음과 같습니다.

var tt = 'aa';
function test(){
alert(tt)
var tt = 'dd'; 경고(tt ; 부상. 내 대답은 - aa 및 dd입니다. 분석: 처음으로 전역 변수의 결과가 출력되면 지역 변수 tt가 전역 변수가 참조하는 값을 덮어쓰므로 두 번째 출력 결과는 dd입니다.

내가 이런 대답을 하는 걸 보면 누군가는 내가 교육을 받으려는 거라고 생각할 것이다. 그 생각은 매우 순진하다(나도 그렇게 생각한다)!

NetEase님, 이 답변에 어떻게 만족하실 수 있겠습니까!

정답은 다음과 같습니다: 정의되지 않음 및 dd

첫 번째 경고 결과가 정의되지 않은 이유는 무엇인가요? 명확하게 설명하려면 Javascript의 어휘 범위를 사용해야 합니다.

Javascript의 함수는 "실행되는 범위가 아니라 정의된 범위에서 실행됩니다." 이는 권위 있는 가이드의 추상적이고 예리한 요약입니다.

Javascript 로직은 기본적으로 전역 범위에서 실행됩니다. 예를 들어 위 프로그램 세그먼트의 "var tt='aa';"는 전역 범위에서 전역 변수를 정의합니다(위 코드 세그먼트가 그렇지 않은 경우). 특정 기능 체인에서 발췌). test() 함수의 내부 로직은 테스트 함수 자체의 범위(지역성)를 원래 범위(전역 범위) 체인에 추가해야 합니다. 이러한 아이디어는 거의 모든 언어에서 이러한 방식으로 정의됩니다. 그러나 Javascript의 특별한 점은 다음과 같습니다. 스코프 체인은 함수 정의가 함수 내부에 중첩될 수 있다는 것입니다(이것이 클로저의 기본입니다. 참고: 함수는 JS에서 코드 범위의 유일한 형태입니다)

중첩된 내부 함수 외부 함수를 호출할 수 있는 변수 (중첩 함수) 및 기타 중첩 함수(함수는 일종의 데이터입니다). 중첩 함수가 외부 함수 내에서 호출되면 호출 개체는 변경되지 않은 상태로 유지됩니다. 외부 함수가 실행된 후 모든 데이터(외부 함수 및 중첩 내부 함수 포함)는 가비지 수집 메커니즘에 의해 수집됩니다. 이는 아직 반영될 수 없습니다. '폐쇄'의 본질. 중첩된 함수가 '가비지 수집'되었더라도 Javascript가 중첩된 내부 함수에 대한 외부 호출을 허용하는 상황이 있습니다. 가장 일반적인 것은 '함수'에 중첩된 내부 함수가 있는 특정 요소를 정의하는 것입니다. 이벤트에 대한 응답으로, 페이지가 로드될 때 중첩된 함수('특정 함수')가 실행되었지만(가비지 수집됨) 이벤트가 트리거되면 여전히 응답 작업이 있으며 응답 함수도 호출될 수 있습니다. 중첩된 함수('함수')에 정의된 변수의 최종 값입니다(가비지 수집되지 않습니까?).

클로저 관련 지식과 예시에 대한 정보가 너무 많아서 설명하고 싶지 않습니다.

이 글의 초점은 다음과 같은 매우 중요한 세부 사항입니다.

호출 객체는 스코프 체인의 프런트 엔드에 있습니다. 지역 변수(함수 내부에서 var로 선언된 변수), 함수 매개 변수 및 Arguments 개체는 모두 함수 내 범위 내에 있습니다. 즉, 범위 체인에서 이름이 같은 모든 속성을 숨깁니다.

즉, 위 프로그램 조각에서 테스트 함수 내부에 "var tt='dd'"가 있으면 테스트 함수가 호출될 때 "var tt='aa'"가 완전히 숨겨집니다. 게다가 tt는 첫 번째 경고 문 다음에 정의되므로 첫 번째 경고가 호출될 때 tt에는 아직 값이 할당되지 않았습니다. 즉, 테스트 함수를 정의할 때 첫 번째 경고(tt)를 정의할 때 tt는 스코프 체인에 변수로 기록되지만 해당 (tt) 값은 기록되지 않습니다. 함수 정의가 완료된 후 tt가 범위에 추가되므로 첫 번째 경고 문은 범위에서 tt를 찾을 수 있습니다. (즉, 함수 내부에 선언되었지만 할당되지 않은 tt를 찾는 것과 같습니다. 값).

위 프로그램 조각의 실행 결과는 다음 조각의 결과와 동일합니다.





코드 복사

코드는 다음과 같습니다. var tt = 'aa' function test(){ var tt alert(tt); >tt = 'dd';

경고(tt)

}
테스트();
Javascript의 범위는 C와 같은 언어의 사고만으로는 단순히 이해할 수 없습니다! C에서는 함수를 호출하기 전에 함수를 선언하거나 정의해야 하지만 Javascript는 그렇지 않습니다. Javascript에서는 함수를 먼저 호출한 다음 정의할 수 있습니다(호출하기 전에 선언하지 않고). 왜냐하면 자바스크립트는 함수를 호출할 때 스코프 체인에 함수의 정의를 요청하기 때문입니다(함수는 실행되는 스코프가 아닌 정의된 스코프에서 실행됩니다)

예를 들어 위 코드를 작성하면 :

코드 복사 코드는 다음과 같습니다.

var tt = 'aa'; 🎜>test() ; //먼저 호출한 다음
function test(){
alert(tt); //정의되지 않음
var tt = 'dd'
alert(tt); //dd
}

위의 코드 조각도 같은 결과를 얻을 수 있지만 그렇게 작성하지 않는 것이 가장 좋습니다. 이는 나쁜 습관이며 코드 유지 관리가 쉽지 않습니다. .