[javascript] 자바 스크립트 함수 범위 지정 및 호이 스팅

이 작은 코드 조각에서 경합의 뼈대는 무엇입니까?

사례 1 :

다음과 같이 function a(){}본문에 정의를 포함 function b합니다.logs value of a = 1

var a = 1;
function b() {
  a = 10;
  return;

  function a() {}
}
b();
console.log(a); // logs a = 1

사례 2

다음과 같이 function a(){}본문 내부의 정의를 제외 function b합니다.logs value of a = 10

var a = 1;
function b() {
  a = 10;  // overwrites the value of global 'var a'
  return;
}
b();
console.log(a); // logs a = 10

관찰은 명령문 console.log(a)이 다음 값을 기록 한다는 사실을 깨닫는 데 도움이 됩니다.

사례 1 : a = 1

사례 2 : a = 10

Posits

1. var a 전역 범위에서 어휘 적으로 정의되고 선언되었습니다.
2. a=10 이 문은 값을 10으로 재 할당하고 있으며 어휘 적으로 함수 b 내에 있습니다.

두 경우에 대한 설명

로 인해 function definition with name property(A)가 동일하다 variable a. variable a내부는 function body b로컬 변수가된다. 이전 행은 a의 전역 값이 그대로 유지되고 a의 로컬 값이 10으로 업데이트됨을 의미합니다.

그래서 우리가 말하고자하는 것은 아래 코드가

var a = 1;
function b() {
  a = 10;
  return;

  function a() {}
}
b();
console.log(a); // logs a = 1

JS 인터프리터는 다음과 같이 해석합니다.

var a = 1;
function b() {
  function a() {}
  a = 10;
  return;


}
b();
console.log(a); // logs a = 1

그러나 함수 b 외부 function a(){} definition에서 value of 'a'선언되고 정의 된 ,를 제거하면 해당 값을 덮어 쓰고 경우 2에서 10으로 변경합니다. 값은 a=10전역 선언을 참조하기 때문에 덮어 쓰여지고 로컬로 선언 될 경우 서면 var a = 10;.

var a = 1;
function b() {
  var a = 10; // here var a is declared and defined locally because it uses a var keyword. 
  return;
}
b();
console.log(a); // logs a = 1

우리는 변화에 의해 우리의 의심을 더욱 명확히 할 수 name property있는을 function a(){} definition다른 이름보다'a'

var a = 1;
function b() {
  a = 10; // here var a is declared and defined locally because it uses a var keyword. 
  return;

  function foo() {}
}
b();
console.log(a); // logs a = 1