>  기사  >  웹 프론트엔드  >  자바스크립트에서 이것의 사용법은 무엇입니까?

자바스크립트에서 이것의 사용법은 무엇입니까?

青灯夜游
青灯夜游원래의
2021-04-26 15:09:217367검색

사용법: 1. 순수 함수 호출에서 전역 개체를 나타내는 데 사용됩니다. 2. 함수가 개체 메서드로 호출될 때 상위 개체를 나타내는 데 사용됩니다. , 이는 새 객체를 나타내는 데 사용됩니다. 4. Apply가 호출되면 Apply() 함수의 첫 번째 매개 변수를 나타내는 데 사용됩니다.

자바스크립트에서 이것의 사용법은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

이것은 JavaScript 언어의 키워드입니다.

함수 실행 시 함수 몸체 내부에 자동으로 생성되는 객체로, 함수 몸체 내부에서만 사용할 수 있습니다.

function test() {
 this.x = 1;
}

위 코드에서 기능 테스트가 실행되면 자동으로 내부적으로 사용할 수 있는 this 객체가 생성됩니다.

그래서, 이것의 가치는 무엇입니까?

이것은 함수의 다양한 사용 시나리오에 따라 다른 값을 갖습니다. 일반적으로 이는 함수가 실행되는 환경 개체입니다. 다음은 네 가지 상황에서 이 사용법에 대한 자세한 설명입니다.

시나리오 1: 순수 함수 호출

이것은 함수의 가장 일반적인 사용법으로 전역 호출이므로 전역 개체를 나타냅니다. 다음 코드를 보세요. 실행 결과는 1입니다.

var x = 1;
function test() {
   console.log(this.x);
}
test();  // 1

사례 2: 객체 메서드로 호출

함수는 객체의 메서드로 호출될 수도 있으며, 이 경우 상위 객체를 참조합니다.

function test() {
  console.log(this.x);
}
var obj = {};
obj.x = 1;
obj.m = test;
obj.m(); // 1

사례 3 생성자로 호출

생성자라 불리는 이 함수를 통해 새로운 객체를 생성할 수 있습니다. 이때 this는 새로운 객체를 가리킨다.

function test() {
 this.x = 1;
}
var obj = new test();
obj.x // 1

실행 결과는 1입니다. 이번에는 이것이 전역 개체가 아님을 보여주기 위해 코드를 일부 변경합니다.

var x = 2;
function test() {
  this.x = 1;
}
var obj = new test();
x  // 2

실행 결과는 2입니다. 이는 전역 변수 x의 값이 전혀 변경되지 않았음을 나타냅니다.

사례 4 적용 호출

apply()는 함수의 메서드이며 그 기능은 함수의 호출 개체를 변경하는 것입니다. 첫 번째 매개변수는 이 함수를 호출하는 변경된 개체를 나타냅니다. 따라서 이때는 첫 번째 매개변수를 의미합니다.

var x = 0;
function test() {
 console.log(this.x);
}
var obj = {};
obj.x = 1;
obj.m = test;
obj.m.apply() // 0

apply()의 매개변수가 비어 있으면 기본적으로 전역 개체가 호출됩니다. 따라서 이때의 실행결과는 0이 되어 전역객체를 참조하고 있음을 증명한다.

코드의 마지막 줄을

obj.m.apply(obj); //1

로 변경하면 실행 결과가 1이 됩니다. 이는 객체 obj를 나타냄을 증명합니다.

【추천 학습: javascript 고급 튜토리얼

위 내용은 자바스크립트에서 이것의 사용법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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