화살표 함수와 이

이 foo.baz()의 결과는 어떻게 될까요??

const foo = {
  bar: 10,
  baz: () => console.log(this.bar),
};


foo.baz();

이 함수는 작동할 것처럼 보이지만 실행하면 결과는 "정의되지 않음"이 됩니다. 왜 그렇습니까?
JavaScript에서는 화살표 함수를 사용할 때 console.log(this.bar) 함수가 전역 변수를 찾습니다. 왜냐하면 “this” 키워드는 주변 개체에 바인딩되지 않고 브라우저 또는 브라우저의 전역 개체(창)에 바인딩되어 있기 때문입니다. node.js 환경.
이 문제를 해결하려면 foo.bar를 사용하거나 코드를 약간 변경하고 다음과 같은 정규 함수 표현식을 사용합니다

 baz: function () {
    console.log(this.bar);
  },

또는 화살표 함수를 사용해야 하는 경우 this.bar와 같은 로컬 변수를 호출하는 대신 객체 이름을 사용하고 foo.bar를 호출할 수 있습니다.

 baz: () => console.log(foo.bar),

이제 출력은 정확하게 10이 됩니다.

위 내용은 화살표 함수와 이의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!