{"id":318,"date":"2022-01-29T21:46:29","date_gmt":"2022-01-29T21:46:29","guid":{"rendered":"http:\/\/codebitshub.com\/?p=318"},"modified":"2022-02-04T21:22:09","modified_gmt":"2022-02-04T21:22:09","slug":"this-in-javascript","status":"publish","type":"post","link":"https:\/\/codebitshub.com\/this-in-javascript\/","title":{"rendered":"The Complete Beginner’s Guide to ‘this’ in Javascript"},"content":{"rendered":"

In order to comprehend the meaning of the keyword ‘this’<\/strong>\u00a0in javascript, you must first understand the meaning of the word <\/span>context<\/b> in the actual world.<\/span><\/p>\n

As you may know, the word <\/span>context<\/b> refers to the underlying concepts and facts which are required to comprehend an idea or statement.\u00a0<\/span><\/p>\n

For example, if you take a look at a dictionary for the definition of the word <\/span>set<\/b>, you will find that there is a huge list of different meanings of this word that depends on the situation under which the word is used.<\/span><\/p>\n

That situation is the <\/span>context<\/b> that will help you to grasp the full meaning of the word.<\/span><\/p>\n

But how is this related to the ‘this’<\/strong> keyword in javascript?\u00a0<\/span><\/p>\n

Well, the meaning of ‘this’<\/strong> <\/span>in javascript depends on the context of a function call (invocation).<\/span><\/p>\n

In javascript language, there are the following different function invocation types:<\/span><\/p>\n

    \n
  1. Function invocation<\/span><\/li>\n
  2. Method invocation<\/span><\/li>\n
  3. Constructor invocation<\/span><\/li>\n
  4. Indirect invocation<\/span><\/li>\n<\/ol>\n

    For each invocation type, the ‘this’<\/strong> keyword behaves differently.\u00a0<\/span><\/p>\n

    Furthermore, another parameter that affects the execution context is the usage of the <\/span>strict mode <\/b>in javascript.<\/span><\/p>\n

    In this article, we are going to examine the meaning of the keyword ‘this’ <\/strong>in javascript <\/span>depending on the context a.k.a the function invocation type.<\/span>\u00a0<\/span><\/p>\n

    \n
    \n

    Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n