JavaScript의 내부 작업을 공개합니다

javaScript 마스터 링은 종종 뉘앙스를 이해하는 것을 의미하며

키워드가 대표적인 예입니다. JavaScript는 상대적으로 배우기가 쉽지만

의 행동은 숙련 된 프로그래머조차도 여행 할 수 있습니다. 이 기사는 javaScript에서 this의 복잡성을 명확하게합니다 주요 개념 : this this 문맥 바인딩 :

JavaScript에서는 정적으로 정의되지 않았습니다. 그 값은 전적으로 가 선언 된 위치가 아닌 (실행 컨텍스트) 호출되는 방법에 따라 다릅니다. 그것은 현재 실행중인 함수의 "소유자"를 가리 킵니다. 변수 동작 :

의 동작은 다른 상황에 따라 다릅니다 : 글로벌 범위, 간단한 함수 호출, 개체 메소드 및 생성자 함수

컨텍스트 제어 : JavaScript는 ,
• 및 와 같은 메소드를 제공하여 의 값을 명시 적으로 관리하고 그 행동에 대한 세밀한 제어를 제공합니다. this 일반적인 함정 : 오해 는 초보자와 전문가 모두에게 빈번한 오류의 원인입니다.
• 이해 : this
는 모든 함수 내에 자동으로 표시되는 특수 키워드입니다. 참조 역할을하지만 대상은 동적이며 함수의 호출 컨텍스트를 기반으로 런타임에서 결정됩니다.
• 를 완전히 이해하려면 다음을 고려해야합니다 생성 : call() apply() JavaScript 함수가 실행되면 새로운 실행 컨텍스트가 생성됩니다. 이 컨텍스트는 함수의 호출 값을 포함하여 함수의 호출에 대한 정보가 포함되어 있으며,이 값은 함수 (해당되는 경우)라고하는 객체에 바인딩됩니다. bind() this 참조 :
• 예 : , this는

객체의 메소드라고 불리기 때문에 내부는 를 나타냅니다. this 컨텍스트 호출 컨텍스트 : 다양한 맥락에서 가 어떻게 행동하는지 탐구 해 봅시다 :

this 글로벌 범위 : 글로벌 범위 (모든 함수 외부)에서 this는 일반적으로 글로벌 객체 (예 : 브라우저에서

)를 나타냅니다.

간단한 함수 호출 :

객체 컨텍스트가없는 직접 함수 호출. 비 스트릭 모드에서 는 글로벌 객체로 기본적으로 변합니다. 엄격한 모드 ()에서는 입니다 this 객체 메소드 : "use strict"; 함수가 객체의 메소드로 호출되면 this는 해당 객체에 바인딩됩니다. undefined.

생성자 함수 : 함수가 로 호출되면 생성자가됩니다. 는 새로 생성 된 개체 인스턴스에 바인딩됩니다

조작 : this

, 및 메소드는

: 의 값을 명시 적으로 설정하는 방법을 제공합니다.

: new는 지정된 this 값과 인수가 개별적으로 전달 된 함수를 호출합니다.

: 와 유사하지만 인수를 배열로 받아들입니다. this

:

call() 값을 영구적으로 바인딩하는 새 함수를 만듭니다. apply() bind() 요약 : this

JavaScript의 키워드는 강력하지만 혼란 스러울 수 있습니다. 상황에 맞는 특성을 이해하고

, 및 와 같은 방법을 활용하는 것은 강력하고 오류가없는 JavaScript 코드를 작성하는 데 중요합니다. 가장자리 사례와 일반적인 함정에 대한 추가 탐색은 향후 기사에서 다룰 것입니다.

자주 묻는 질문 (faqs) : call() 원본 텍스트의 FAQ 섹션은 이미 일반적인 관련 질문과 답변에 대한 포괄적 인 요약이므로 그대로 유지하는 것이 가장 좋습니다.

위 내용은 JavaScript의 내부 작업을 공개합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!