Search jQuery

jQuery Forum

Stuck with 'this'

in Getting Started • 8 years ago

I am watching jQuery lessons on https://tutsplus.com/course/30-days-to-learn-jquery/. And I am stuck on the lesson Slides and Structure starting 9.20 minute. This is a simplified code from the video:

```
var contactForm = {
```
```
    container: $('#contact'),
```
```
    show: function(){
```
```
        contactForm.container.show();
```
```
    },
```
```
    close: function() {
```

        $('<span class=close>X</span'>).prepandTo(this); //#contact
    }

```
};
```

For some reason 'this' in the function 'close' refers to contactForm.container. How come it refers to the variable if it supposed to refer to object contactForm? O_o

Thanks!

Replies(3)

jay.blanc..

Re: Stuck with 'this'

8 years ago

This post will help you to understand - http://javascriptweblog.wordpress.com/2010/08/09/variables-vs-properties-in-javascript/

zhenurik

I found the answer. Method "close" was called from the method 'show' by contactForm.close.call(container). And it was not explained what method 'call' does. But anyway thanks for the link - it's pretty interesting.

jakecigar

Re: Stuck with 'this'

8 years ago

contactForm.close.call(container) is a call on method close, with the javaScript builtin variable this set to container.

Function.prototype.call - JavaScript | MDN

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

Stuck with 'this'

Replies(3)

Re: Stuck with 'this'

Re: Stuck with 'this'

Re: Stuck with 'this'

Statistics

Tags

Actions