this 키워드 이해하기

함수를 생성하면 해당 함수에 사용할 수 있는this的关键字（在幕后），该关键字链接到函数运行的对象。换句话说，this라는 범위가 생성되지만 이는 함수가 속성이나 메서드로 갖는 객체에 대한 참조입니다.

이전 기사의cody개체를 살펴보겠습니다.

예: Sample98.html

으아악

getGender함수 내에서getGender函数内部，我们如何在cody对象本身上使用点表示法 (cody.gender) 访问gender属性。可以使用this重写来访问cody对象，因为this指向cody개체 자체의 점 표기법(cody.gender)을 사용하여gender속성에 액세스하는 방법을 확인하세요.

개체는

개체를 가리키므로

재정의를 사용하여

개체에 액세스할 수 있습니다.this.gender中使用的this

예: Sample99.html

으아악this的主题可能会令人困惑，但事实并非如此。请记住，一般来说，this在函数内部使用来引用该函数所包含的对象，而不是函数本身（例外情况包括使用new关键字或call()和应用（）

그 기능을 동작시키는 코디 객체를 말합니다.

this

arguments和发送到函数的任何参数相反，this키워드

는 수정할 수 없다는 점을 제외하면 다른 변수와 모양과 동작이 동일합니다.

`인수`및 함수에 전송된 모든 인수와 달리`this`는 호출/활성화 개체의 키워드(속성이 아님)입니다.

this

의 가치는 어떻게 결정되나요?

myObject对象被赋予一个名为 sayFoo 的属性，该属性指向sayFoo函数。当从全局范围调用sayFoo函数时，this引用window对象。当作为 myObject 的方法调用时，this指的是myObject모든 함수에 전달되는

값은 런타임 시 함수가 호출되는 컨텍스트를 기반으로 합니다. 여기에 주의를 기울이십시오. 왜냐하면 이것은 여러분이 기억해야 할 특이한 점 중 하나이기 때문입니다.

myObject有一个名为foo다음 코드 예제의myObject개체에는sayFoo함수를 가리키는 sayFoo라는 속성이 할당됩니다.sayFoo함수가 전역 범위에서 호출되면

는

개체를 참조합니다. myObject의 메소드로 호출될 때

는 myObject를 참조합니다.

this的值基于调用该函数的上下文。考虑myObject.sayFoo和sayFoo都指向相同的函数。但是，根据调用sayFoo()的位置（上下文），this

의 속성으로 인해 사용되었습니다.

window예: Sample100.html

으아악

분명히

의 값은 함수가 호출되는 상황에 따라 달라집니다. myObject.sayFoo와 sayFoo가 모두 동일한 함수를 가리킨다는 점을 고려하세요. 하지만 (컨텍스트) sayFoo()가 호출되는 위치에 따라

의 값이 달라집니다.

도움이 된다면 헤더 개체를 명시적으로 사용하는 동일한 코드를 참조하세요(this和arguments).

예: Sample101.html

으아악`this`함수를 전달하거나 함수에 대해 여러 참조를 만들 때 함수를 호출하는 상황에 따라 this의 값이 변경된다는 점을 명심하세요.

this在一个包含在另一个函数中的函数内部使用时会发生什么。坏消息是在 ECMA 3 中，this迷失了方向并引用了头对象（浏览器中的window및인수를 제외한 모든 변수는 어휘 범위를 존중합니다

func2和func3中的this迷失了方向，并且不是指向myObject

키워드는 중첩된 함수의 헤더 개체를 참조합니다

다른 함수 내에 포함된 함수 내에서

를 사용하면 어떻게 되는지 궁금하실 것입니다. 나쁜 소식은 ECMA 3에서

가 길을 잃고 함수가 정의된 객체 대신 헤더 객체(브라우저의

객체)를 참조했다는 것입니다.foo.func1时会发生什么。当在foo.func1（函数中的函数）内部调用匿名函数时，匿名函数内部的this

아래 코드에서는 func2및 func3의

가 손실되어myObject가 아닌 헤드 개체를 가리킵니다.

예: Sample102.htmlthis으아악

좋은 소식은 이 문제가 ECMAScript 5에서 해결된다는 것입니다. 지금쯤이면 특히 함수를 다른 함수에 값으로 전달하기 시작할 때 이러한 딜레마를 인식해야 합니다.

다음 예와 익명 함수를`foo.func1`에 전달하면 어떤 일이 발생하는지 생각해 보세요.`foo.func1`(함수 내의 함수) 내에서 익명 함수가 호출되면 익명 함수 내의

값은 헤드 객체에 대한 참조가 됩니다.

this值不会丢失，您可以简单地使用作用域链在父函数中保留对this的引用。以下示例演示了如何使用名为that예: Sample103.html

으아악

이제 절대 잊지 마세요. 호스트 함수가 다른 함수 내에 래핑되거나 다른 함수의 컨텍스트에서 호출될 때

값은 항상 헤더 객체에 대한 참조가 됩니다(이 역시 ECMAScript 5에서 수정되었습니다). 스코프 체인을 사용하여 중첩 함수 문제 해결 값이 손실되지 않도록 하려면 범위 체인을 사용하여 상위 함수에서 에 대한 참조를 유지하면 됩니다. 다음 예에서는 that이라는 변수를 사용하고 해당 범위를 활용하여 함수 컨텍스트를 더 잘 추적할 수 있는 방법을 보여줍니다. 예: Sample104.html

로그인 후 복사

使用`call()`或`apply()`控制`this`的值

this的值通常由调用函数的上下文确定（除非使用 new 关键字，稍后会详细介绍），但您可以使用this的值>apply()或call()来定义调用函数时this指向什么对象。使用这些方法就像在说：“嘿，调用 X 函数，但告诉该函数使用 Z 对象作为this的值。”通过这样做，JavaScript 确定this值的默认方式将被覆盖。

在下一个示例中，我们创建一个对象和一个函数。然后我们通过call()调用该函数，以便函数内this的值使用myObject作为其上下文。myFunction函数内的语句将使用属性填充myObject，而不是填充头对象。我们更改了this（在myFunction内部）引用的对象。

示例：sample105.html

로그인 후 복사

在前面的示例中，我们使用了call()，但也可以使用apply()。两者之间的区别在于函数参数的传递方式。使用call()，参数只是逗号分隔的值。使用apply()，参数值在数组内部传递，如以下示例所示。

示例：sample106.html

로그인 후 복사

这里您需要学习的是，您可以覆盖 JavaScript 在函数作用域中确定this值的默认方式。

在用户定义的构造函数中使用`this`关键字

当使用new关键字调用函数时，构造函数中声明的this的值指的是实例本身。换句话说：在构造函数中，我们可以在实际创建对象之前通过this来利用该对象。在这种情况下，this的默认值的更改方式类似于使用call()或apply()。

在下面的示例中，我们设置了一个Person构造函数，该函数使用this来引用正在创建的对象。当创建Person的实例时，this.name将引用新创建的对象，并在新对象中放置一个名为 name 的属性，并将参数 (name) 中的值传递给构造函数。

示例：sample107.html

로그인 후 복사

同样，当使用new关键字调用构造函数时，this指的是“将成为的对象”。如果我们没有使用new关键字，则this的值将是调用Person的上下文 - 在本例中为头对象。让我们看一下以下场景：

示例：sample108.html

로그인 후 복사

原型方法中的关键字`this`引用构造函数实例

当在添加到构造函数prototype属性的函数中使用时，this指的是调用该方法的实例。假设我们有一个自定义Person()构造函数。作为参数，它需要人的全名。如果我们需要访问人员的全名，我们将whatIsMyFullName方法添加到Person.prototype中，以便所有Person实例继承该方法。当使用this时，该方法可以引用调用它的实例（以及它的属性）。

这里我演示了创建两个Person对象（cody和lisa）以及继承的whatIsMyFullName方法，其中包含this关键字来访问实例。

示例：sample109.html

로그인 후 복사

结论

这里要带走的概念是that关键字 this 用于在prototype对象中包含的方法内部使用时引用实例。如果实例不包含该属性，则开始查找原型。

如果this指向的实例或对象不包含所引用的属性，则应用适用于任何属性查找的相同规则，并且将在原型链上“查找”该属性。因此，在我们的示例中，如果fullName属性未包含在我们的实例中，则将在Person.prototype.fullName中查找fullName属性，然后在Object.prototype.fullName中查找。

위 내용은 'this' 키워드 이해하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!