Skip to main content

Javascript in all its weirdness: What is 'this' ?

The this pointer, people's favorite in languages including Javascript was a great source of pain for me when I was developing a Javascript drop down custom component. I learned today that it was 'this' that caused me problems!

Generally, 'this' refers to the global object. It also takes on different values based on your scope/context.
-In a global constructor, global function and global code, this refers to the global object ( the first should not be the case in strict mode in ECMAScript5)
-In a method of an object, 'this' refers to the object


// this pointer
name='what?'  // same as this.name

var p = function () {
     console.log(this.name);  // changes the global name, as no var name is defined locally
     name = 'again?';
     console.log(this.name);
}
p();

// the global this.name was modified by the function p
// Why? because p is a global function,
// and this refers to the global object in that function
console.log(name);


Now see how it works in object scope. The first and last log() statements print the global this.name, while the method p of the object q understands 'this' to be the object aQ which is an instance of q.


name='what?'
console.log(name);

var q = function(newname) { this.name = newname;}
q.prototype.p = function () {
     console.log(this.name); // 'this' here is the object instance of q
    };

aQ = new q('new Name');   
aQ.p();

bQ = new q('new Name2');   
bQ.p();
bQ.name='changed Name2'; // this changes the name of the instance bQ
bQ.p(); // this lines proves the previous statement

console.log(this.name); // this is still the global this.name
 
This is especially important to know in callbacks, when a function is passed as an argument to another function, the use of this should be done carefully

Comments

Post a Comment

Popular posts from this blog

Authenticating Spring Boot based application against secure LDAP/AD server

Authenticating against an Active Directory setup is quite common in organizations using Spring Boot / Spring Security can be a pain if you don't know exactly the requirements. I needed to add auth in my web app and secure some but not all endpoints of the application. My story was, I needed Spring security to authenticate against my company LDAP server which uses Active Directory I started by using the standard LDAP guide such as this which are all over the Internet, https://spring.io/guides/gs/authenticating-ldap/ and was able to setup the basic framework However, only test level LDAP auth was working for me, when I tried to auth against the company LDAP secure server, I had to resolve a few issues After 1 week and working with several devs at the company, I finally found why it was not working and the fix was easy Since I spent a week or so resolving this, I wanted to write this up in case someone finds this useful. Here is what I did (it was easy until the fourth
Post a Comment
Read more

Unit testing code that uses environment variables and system properties with fakes

I did not exactly learn this today, but I am sharing it as I have found it extremely useful when unit testing code that depends on environment or system property settings. While I am using Java as an example, the general concepts apply any where. Problem : You have a piece of code you are unit testing that uses settings from env variables or system properties passed to the VM (System.getProperty), but you don't want the tests to be affected by the 'real' environment or system properties in the VM. So, your unit tests should not get different results or fail when the real environment changes. Solution : There are several. But the most straightforward is to use a mocking library to mock out the environment or fake it out, whatever your prefer. You can create a fake using a library like EasyMock, PowerMock etc. This I won't discuss in this post, since there are numerous articles for that. Or you can write a simple class that acts as a proxy, using the proxy pattern
Post a Comment
Read more

Using custom conditional logic to enable/disable Spring components

If you have a Spring component and you don't want it to load, you can use Spring's predefined conditionals as much as possible. For example, @Component   @ConditionalOnNotWebApplication   public class SchedulerEntryPoint implements ApplicationRunner { ...  } This will not load your component when running in non web application mode. Such as you may want to start the application but without any of the web framework using SpringApplicationBuilder. But sometimes you want to use custom conditions. It's pretty easy to do so, just use something like this @Component @Conditional (SchedulerCheck. class ) public class SchedulerEntryPoint implements ApplicationRunner { public static class SchedulerCheck implements Condition { @Override public boolean matches(ConditionContext conditionContext, AnnotatedTypeMetadata annotatedTypeMetadata) { return System. getProperty ( "scheduler" ) !=
Post a Comment
Read more