\'this\'는 jQuery와 JavaScript에서 어떻게 다르게 동작하나요?
Oct 26, 2024 am 03:44 AMjQuery와 JavaScript의 "this" 이해
"this"는 JavaScript와 jQuery에서 매우 다양한 용도로 사용되는 키워드입니다. 그 의미는 사용되는 상황에 따라 다릅니다.
jQuery의 "this"
jQuery에서 "this"는 일반적으로 다음에 의해 조작되는 DOM 요소를 나타냅니다. 호출되는 함수. 예를 들어, 이벤트 콜백 핸들러에서는 다음과 같습니다.
$("div").click(function() { // Here, "this" refers to the DOM element for the clicked div. this.style.color = "red"; });
로그인 후 복사
JavaScript의 "this"
JavaScript에서 "this"의 의미는 호출 컨텍스트에 따라 결정됩니다. (정의 컨텍스트 아님):
- 객체 메서드: 객체의 속성으로 호출될 때 "this"는 해당 객체를 나타냅니다.
var obj = { foo: function() { alert(this.firstName); }, firstName: "Fred" };
로그인 후 복사
- 함수 호출: 객체에 바인딩되지 않고 함수가 호출되는 경우 "this"는 기본적으로 전역 객체(일반적으로 브라우저에서는 "window")로 설정됩니다.
function foo() { alert(this.firstName); }
로그인 후 복사
- Function.call(): ".call()" 메서드를 사용하면 함수 호출에 대해 "this" 값을 명시적으로 지정할 수 있습니다.
foo.call(obj, 42, 27);
로그인 후 복사
- Function.apply(): ".call()"과 유사하지만 개별 인수 대신 인수 배열을 받습니다.
foo.apply(obj, [42, 27]);
로그인 후 복사
특별 고려 사항:
- ES5 엄격 모드에서 "this"는 기본값이 "object"인 느슨한 모드와 달리 어떤 값이든 가질 수 있습니다.
- jQuery는 ".each" 메서드에서 약간 다른 "this" 구현을 사용합니다.
- "this"를 완전히 이해하려면 JavaScript의 호출 컨텍스트와 객체 범위 지정에 대한 더 깊은 탐색이 필요합니다.
위 내용은 \'this\'는 jQuery와 JavaScript에서 어떻게 다르게 동작하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

인기 기사
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌

인기 기사
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 기사 태그

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제
Gmail 이메일의 로그인 입구는 어디에 있나요?
7282
9


자바 튜토리얼
1622
14


Cakephp 튜토리얼
1342
46


라라벨 튜토리얼
1258
25


PHP 튜토리얼
1205
29

