JavaScript 에서 변수 향상 과 함수 향상 고전 사례 분석

본 고의 실례 는 자 바스 크 립 트 에서 변수 향상 과 함수 향상 을 다 루 었 다.여러분 께 참고 하도록 공유 하 겠 습 니 다. 구체 적 으로 는 다음 과 같 습 니 다.
두 개의 실례 에서 말하자면:
eg1：

var i;
console.log(i); // 2

eg2：

console.log(i); // undefined
var i = 2;

1. 승급
변수 와 함수 성명 은 코드 에 나타 난 위치 에서 맨 위로 올 라 갔다.
주의:
성명 자체 만 향상 되 고 할당 작업 은 향상 되 지 않 습 니 다.
변 수 는 전체 프로그램의 맨 위 가 아 닌 함수 의 맨 위로 올 라 갑 니 다.
함수 설명 은 향상 되 지만 함수 표현 식 은 향상 되 지 않 습 니 다:

func1(); // Uncaught TypeError: func1 is not a function
func2(); // Uncaught ReferenceError: func2 is not defined
var func1 = function func2() { ... };

JavaScript 의 ReferenceError 와 TypeError:
① Reference Error: 인용 오류.JavaScript 엔진 이 변 수 를 조회 할 때, 역할 영역 에서 이 변 수 를 찾 지 못 하면, JavaScript 엔진 은 ReferenceError 를 던 집 니 다.
② TypeError: 형식 오류.역할 영역 에서 특정한 변 수 를 찾 아 인용 한 다음 에 이 변 수 를 힘 으로 할 수 없 는 일 을 하 게 할 때 존재 하지 않 는 속성 을 참조 하거나 함수 가 아 닌 변 수 를 함수 참조 로 사용 하면 JavaScript 엔진 은 TypeError 를 던 집 니 다.
2. 함수 우선
함수 성명 과 변수 성명 은 모두 향상 되 지만 주의해 야 할 것 은 함수 가 먼저 향상 되 고 그 다음 에 변수 입 니 다.

func(); // 1
var func;
function func() {
  console.log(1);
}
func = function() {
  console.log(2);
}

실행 결과: 2 대신 출력 1
이유: var func; function func() 이전에 나 타 났 음 에 도 불구 하고 중복 되 는 성명 이 므 로 무시 할 수 있 습 니 다. 함수 성명 이 일반 변수 로 올 라 가기 전에.상기 코드 는 다음 과 같다.

function func() {
  console.log(1);
}
func(); // 1
func = function() {
  console.log(2);
}

중 복 된 성명 은 무시 되 지만 뒤에 나타 난 함수 성명 은 앞 을 덮어 쓸 수 있 습 니 다.

func(); // 3
function func() {
  console.log(1);
}
func = function() {
  console.log(2);
}
function func() {
  console.log(3);
}

일반 블록 내부 의 함수 성명 은 보통 그 역할 영역의 맨 위로 올 라 가 고 향상 과정 은 조건 판단 에 의 해 제어 되 지 않 습 니 다.

func(); // 2
var flag = true;
if (flag)
  function func() { console.log(1); }
else
  function func() { console.log(2); }

메모: 블록 내 에서 함 수 를 설명 하 는 것 을 피하 십시오. 자 바스 크 립 트 의 미래 버 전에 서 상술 한 행 위 는 변 경 될 수 있 습 니 다.
더 많은 자 바스 크 립 트 관련 내용 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.,,,,,,,,,,
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.