ES6 화살표 함수에서 'this'는 일반 함수와 어떻게 다르게 작동합니까?

ES6 화살표 함수의 "this" 이해

JavaScript에서 this의 값은 사용되는 상황에 따라 달라집니다. 화살표 함수로 작업할 때 this의 동작을 지시하는 "어휘적으로 바인딩된" 개념이 관련됩니다.

화살표 함수는 정의된 바깥쪽 컨텍스트에서 this 값을 상속합니다. 일반 함수와 달리 화살표 함수는 이에 대한 자체 범위를 생성하지 않습니다. 다음 코드를 고려하세요.

var testFunction = () => {
  console.log(this);
};
testFunction();

여기서 화살표 함수 testFunction은 둘러싸는 컨텍스트(이 경우 전역 범위)에서 this 값을 캡처합니다. 따라서 console.log(this)는 전역 개체를 출력합니다.

반대로 일반 함수는 이에 대한 자체 범위를 만들 수 있습니다. 예를 들면 다음과 같습니다.

function Person() {
  this.age = 0;

  const increaseAge = function() {
    this.age++; // `this` refers to the Person object
  };

  increaseAge();
}

const p = new Person();

이 예에서 증가Age 함수는 Person 생성자 내에 중첩되어 있습니다. 호출될 때 this는 new 키워드로 생성되었기 때문에 Person 클래스의 인스턴스를 참조합니다.

요약하자면 화살표 함수는 바깥쪽 컨텍스트에서 this 값을 상속하여 일관성을 유지합니다. 주변 코드. 이 동작은 이에 대한 자체 범위를 생성하는 일반 함수와 다릅니다. JavaScript 개발 내 화살표 함수에서 이를 적절하게 처리하려면 이 주요 차이점을 이해하는 것이 중요합니다.

위 내용은 ES6 화살표 함수에서 'this'는 일반 함수와 어떻게 다르게 작동합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!