> 웹 프론트엔드 > JS 튜토리얼 > 레귤러 이거, 애로우 이거 (간단히 글머리 기호)

레귤러 이거, 애로우 이거 (간단히 글머리 기호)

Susan Sarandon
풀어 주다: 2025-01-23 04:30:09
원래의
449명이 탐색했습니다.

Regular this, Arrow this (Tersely bulleted)

동료 개발자 여러분, 특히 복잡한 시나리오에서는 JavaScript의 this 키워드가 약간 까다롭다는 것을 알았습니다. 이해도를 높이고 다양한 상황(코드나 문서 검토 등)에서의 동작을 빠르게 파악하기 위해 이 간결한 참조를 만들었습니다.

this에 대해 기억해야 할 주요 사항:

  • 정규 함수: 브라우저에서 일반 함수(function myFunction() {})는 일반적으로 this가 전역 window 객체로 설정되어 있습니다. Node.js에서는 전역 객체입니다. 이는 특정 컨텍스트 내에서 호출될 때만 변경됩니다.
    • 객체 방식으로.
    • .bind(), .call() 또는 .apply()을 사용하여 명시적으로 바인딩됩니다.
  • 화살표 함수: 화살표 함수(() => {})는 주변(에워싸는) 일반 함수의 범위(어휘 this)로부터 this를 상속합니다. 이를 이해하는 것이 중요합니다.
  • 어휘적 범위(화살표 함수): 화살표 함수의 this는 실행이 아니라 생성할 때 결정됩니다. 객체 메소드 내부에 있더라도 this는 가장 가까운 일반 함수
  • 에서 나옵니다.
  • this의 불변성: 화살표 함수에는 고정된 불변 this이 있는 반면 일반 함수의 this은 동적이며 바인딩 방법을 사용하여 변경할 수 있습니다.
  • 클래스 메서드: 클래스 메서드(일반 또는 화살표)에서 this는 항상 new MyClass()를 사용하여 생성된 클래스의 인스턴스를 참조합니다. 이는 함수 유형에 관계없이 일관됩니다.

자유롭게 의견을 제시하고, 부정확한 부분을 수정하고, 추가 정보를 추가해 주세요. 건설적인 피드백은 언제나 감사합니다!

위 내용은 레귤러 이거, 애로우 이거 (간단히 글머리 기호)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿