>웹 프론트엔드 >JS 튜토리얼 >' this ' 자바 스크립트로?

' this ' 자바 스크립트로?

Christopher Nolan
Christopher Nolan원래의
2025-03-04 01:15:171004검색

What is 'this' in JavaScript?

코어 포인트

JavaScript에서 는 일반적으로 메소드를 "소유하는"객체를 지칭하지만 함수가 호출되는 방식에 따라 다릅니다.

현재 객체가 없을 때
    는 글로벌 객체를 나타냅니다. 웹 브라우저에서는
  • 로 표시됩니다. this 함수를 호출 할 때
  • 는 객체 생성자 또는 그 메소드를 호출 할 때 객체의 인스턴스를 나타냅니다.
  • 당신은 , this와 같은 메소드를 사용하여 window의 컨텍스트를 변경할 수 있습니다. 이 방법은 주어진
  • JavaScript는 훌륭한 프로그래밍 언어입니다. 이 문장은 몇 년 전 논란의 여지가 있었을지 모르지만 개발자들은 아름다움과 우아함을 재발견했습니다. JavaScript가 마음에 들지 않으면 다음과 같은 것일 수 있습니다. this 브라우저 API의 차이 또는 문제가 발생했습니다. 이것은 JavaScript 자체의 잘못이 아닙니다. this 당신은 그것을 c, c#또는 java와 같은 클래스 기반 언어와 비교하며 JavaScript는 예상대로 작동하지 않습니다.
  • call() 키워드는 가장 혼란스러운 개념 중 하나입니다. 대부분의 언어에서 는 인스턴스화하는 현재 객체에 대한 참조입니다. javaScript에서 apply()는 일반적으로 메소드를 "소유하는"객체를 지칭하지만 함수가 호출되는 방식에 따라 다릅니다. bind() this 글로벌 스코프 this 현재 객체가없는 경우
  • 는 전역 객체를 나타냅니다. 웹 브라우저에서 문서, 위치, 기록 및 기타 유용한 속성 및 방법을 나타내는 최상위 객체입니다.

함수를 호출
    함수를 호출하는 경우 글로벌 개체를 유지하십시오 :
  • 객체 메소드를 호출
  • 객체 생성자 또는 해당 메소드를 호출 할 때
는 객체의 인스턴스를 말합니다.

this 사용 this 또는 this

본질적으로, 및

javaScript 기능이 다른 객체의 방법 인 것처럼 실행합니다. 간단한 예를 자세히 설명 할 수 있습니다 유일한 차이점은 가 개별 매개 변수 수를 기대하는 반면

는 다양한 매개 변수를 전달할 수 있다는 것입니다. 이것은

에 대한 간단한 설명입니다! 그러나 알고 있어야 할 것이 있습니다. 다음 게시물에서 이것들을 논의 할 것입니다… this JavaScript에서 에 대한 faqs window JavaScript의 키워드는 무엇입니까? 왜 중요한가요?

this javaScript의 키워드는 호출 함수의 컨텍스트를 나타내는 특별한 키워드입니다. 함수가 속한 객체에 대한 참조입니다.

의 값은 함수가 호출되는 방식에 따라 다릅니다. 함수의 객체의 속성과 방법에 액세스 할 수 있으므로 코드를보다 유연하고 재사용 할 수 있기 때문에 중요합니다.

키워드는 어떻게 다른 맥락에서 작동합니까? this this

의 값은 사용 컨텍스트에 따라 변경됩니다. 메소드에서 는 소유자 객체를 나타냅니다. 단독으로 사용하면 는 전역 객체를 나타냅니다. 함수에서 는 글로벌 객체를 나타냅니다. 이벤트에서 는 이벤트를받는 요소를 나타냅니다.

이벤트 핸들러에서 어떻게 작동하는지 설명 할 수 있습니까? this 이벤트 핸들러에서

는 이벤트를 수신하는 HTML 요소를 나타냅니다. 이를 통해 이벤트 핸들러 기능에서 요소에 직접 액세스하고 조작 할 수 있습니다. 예를 들어, 이벤트가있는 버튼이있는 경우 함수에서 는 버튼 요소를 참조합니다.

this 화살표 함수에서 어떻게 행동합니까? this 화살표 함수는 this를 정상 함수와 다르게 처리합니다. 화살표 함수에서 this는 어휘 바운드입니다. 이것은 화살표 함수가 포함 된 코드에서 를 사용한다는 것을 의미합니다. 따라서 화살표 함수의 경우 this는 어휘 컨텍스트를 둘러싼

의 값을 유지합니다.

javaScript와 다른 프로그래밍 언어에서 this의 차이점은 무엇입니까?

많은 객체 지향 프로그래밍 언어에서

는 항상 현재 클래스의 인스턴스를 나타냅니다. 그러나 JavaScript에서 this의 값은 실행 컨텍스트와 함수의 정의 위치가 아닌 기능이 호출되는 방식에 의해 결정됩니다. onclick 함수에서 onclick의 컨텍스트를 변경하는 방법은 무엇입니까? this 당신은 , 와 같은 메소드를 사용하여

의 컨텍스트를 변경할 수 있습니다. this

메소드는 주어진 가 매개 변수 목록을 수락하고 this는 단일 매개 변수 배열을 수락한다는 것입니다. this 메소드는 함수를 특정 객체에 바인딩 할 수있는 새로운 함수를 반환합니다. this 생성자에서 의 값은 얼마입니까? this 생성자에서 는 새로 생성 된 객체를 나타냅니다. 키워드를 사용하여 객체의 인스턴스를 만들 때 this는 자동으로 새 개체로 설정됩니다.

엄격한 모드에서 어떻게 행동합니까? this 엄격한 모드에서

의 값은 실행 컨텍스트를 입력 할 때 설정된 값으로 유지됩니다. 정의되지 않은 경우 정의되지 않은 상태로 남아 있습니다. 이는 비 스트릭 모드와 다르며, 여기서

는 정의되지 않은 경우 글로벌 오브젝트로 기본적으로 기본값을받습니다. this 귀든이거나 정의되지 않습니까? this 예,

는 특히 엄격한 모드에서 함수를 호출하거나 또는

를 첫 번째 인수로 사용할 때 null 또는 정의되지 않을 수 있습니다. this JavaScript의 글로벌 객체는 무엇입니까?

JavaScript의 글로벌 객체는 환경에 따라 다릅니다. 웹 브라우저에서 글로벌 객체는

객체입니다. Node.js에서 글로벌 객체는 글로벌 객체 문자 그럴입니다. this가 어떤 함수 나 메소드 외부에서 사용되면, 그것은 전역 객체를 나타냅니다. call()

위 내용은 ' this ' 자바 스크립트로?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.