{"id":688,"date":"2017-09-17T06:14:35","date_gmt":"2017-09-17T06:14:35","guid":{"rendered":"http:\/\/frowningbear.com\/blog\/?page_id=688"},"modified":"2018-05-29T06:14:42","modified_gmt":"2018-05-29T06:14:42","slug":"javascript","status":"publish","type":"page","link":"https:\/\/frowningbear.com\/codebase\/javascript\/","title":{"rendered":"Javascript"},"content":{"rendered":"<h3>The &#8220;this&#8221; keyword<\/h3>\n<dl>\n<dt><a href=\"http:\/\/web.archive.org\/web\/20110725013125\/http:\/\/www.digital-web.com\/articles\/scope_in_javascript\/\">Scope in JavaScript &#8211; Mike West<\/a>\n        <\/dt>\n<dd>Digital Web Magazine &#8211; Mike West &#8211; September 11, 2006\n    <\/dd>\n<dt><a href=\"https:\/\/scotch.io\/@alZami\/understanding-this-in-javascript\">Understanding THIS in Javascript<\/a>\n        <\/dt>\n<dd>Al-Zami Rahman September 10, 2017\n        <\/dd>\n<dt><a href=\"http:\/\/javascriptissexy.com\/understand-javascripts-this-with-clarity-and-master-it\/\">Understand JavaScript\u2019s \u201cthis\u201d With Clarity, and Master It<\/a>\n        <\/dt>\n<dd>JavaScript is Sexy &#8211; July 5, 2013\n        <\/dd>\n<dt><a href=\"https:\/\/dmitripavlutin.com\/gentle-explanation-of-this-in-javascript\/\">Gentle explanation of &#8220;this&#8221; keyword in JavaScript<\/a>\n        <\/dt>\n<dd>Dimitri Pavlutin &#8211; May 22nd, 2016\n        <\/dd>\n<dt><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Operators\/this\">this &#8211; Javascript | MDN<\/a>\n        <\/dt>\n<dd>Reference page for &#8220;this&#8221; at Mozilla Developer Network<\/dd>\n<dt><a href=\"https:\/\/www.quirksmode.org\/js\/this.html\">The this keyword &#8211; quirksmode<\/a>\n        <\/dt>\n<dd>\n        <\/dd>\n<dt><a href=\"https:\/\/github.com\/gordonmzhu\/cheatsheet-js\">https:\/\/github.com\/gordonmzhu\/cheatsheet-js<\/a>\n        <\/dt>\n<dd>Gordon Zhu&#8217;s condensed cheatsheet from Watch and Code\n        <\/dd>\n<dt><a href=\"https:\/\/javascriptweblog.wordpress.com\/2010\/08\/30\/understanding-javascripts-this\/\">Understanding JavaScript\u2019s this keyword \u2013 Angus Croll<\/a>\n        <\/dt>\n<dd>Angus Croll &#8211; August 30, 2010\n        <\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/3127429\/how-does-the-this-keyword-work\/3127440#3127440\">How does the &#8220;this&#8221; keyword work? &#8211; Stack Overflow<\/a>\n        <\/dt>\n<dd>\n        <\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/80084\/in-javascript-why-is-the-this-operator-inconsistent\">In Javascript, why is the &#8220;this&#8221; operator inconsistent? &#8211; Stack Overflow<\/a>\n        <\/dt>\n<dd>\n        <\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/710542\/jquery-javascript-this-pointer-confusion\">jQuery\/JavaScript &#8220;this&#8221; pointer confusion &#8211; Stack Overflow<\/a>\n        <\/dt>\n<dd>\n        <\/dd>\n<\/dl>\n<hr>\n<h3>Execution Context and Scope<\/h3>\n<dl>\n<dt><a href=\"https:\/\/blog.kevinchisholm.com\/javascript\/difference-between-scope-and-context\/\">What is the difference between scope and context in JavaScript | Kevin Chisholm &#8211; Blog<\/a>\n        <\/dt>\n<dd>In JavaScript, scope and context are not the same<br \/>\nthing, and you should understand the difference between them.<br \/>\nFortunately, the answer is short and simple.\n        <\/dd>\n<dt><a href=\"http:\/\/ryanmorr.com\/understanding-scope-and-context-in-javascript\/\">Understanding Scope and Context in JavaScript | Ryan Morr<\/a>\n        <\/dt>\n<dd>August 16, 2013\n        <\/dd>\n<dt><a href=\"http:\/\/davidshariff.com\/blog\/what-is-the-execution-context-in-javascript\/\">What is the Execution Context &amp; Stack in JavaScript? by David Shariff<\/a>\n        <\/dt>\n<dd>\n        <\/dd>\n<dt><a href=\"http:\/\/www.joshuakehn.com\/2011\/10\/20\/Understanding-JavaScript-Context.html\">Understanding JavaScript&nbsp;Context | Joshua Kehn<\/a>\n        <\/dt>\n<dd>\n        <\/dd>\n<dt><a href=\"https:\/\/scotch.io\/tutorials\/understanding-scope-in-javascript\">Understanding Scope in JavaScript \u2015 Scotch<\/a>\n        <\/dt>\n<dd>\n        <\/dd>\n<dt><a href=\"https:\/\/www.linkedin.com\/pulse\/understanding-scope-context-javascript-pritpal-singh\">Understanding Scope and Context in JavaScript | Pritpal Singh | Pulse | LinkedIn<\/a>\n        <\/dt>\n<dd>\n        <\/dd>\n<dt><a href=\"http:\/\/blog.kevinchisholm.com\/javascript\/scope\/\">Understanding Scope in JavaScript \u2013 Function Level Scope | Kevin Chisholm \u2013 Blog<\/a>\n        <\/dt>\n<dt><a href=\"http:\/\/blog.kevinchisholm.com\/javascript\/context-object-literals\/\">Understanding Context in JavaScript \u2013 Object Literals | Kevin Chisholm \u2013 Blog<\/a>\n        <\/dt>\n<dt><a href=\"http:\/\/dmitrysoshnikov.com\/ecmascript\/chapter-1-execution-contexts\/\">ECMA-262-3 in detail. Chapter 1. Execution Contexts. \u2013 .ds laboratory<\/a>\n        <\/dt>\n<dd>\n        <\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/14328519\/different-in-scope-and-context-in-this-javascript-code\">Different in &#8220;scope&#8221; and &#8220;context&#8221; in this Javascript code &#8211; Stack Overflow<\/a>\n        <\/dt>\n<dd>\n        <\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/9384758\/what-is-the-execution-context-in-javascript-exactly\">What is the &#8216;Execution Context&#8217; in JavaScript exactly? &#8211; Stack Overflow<\/a>\n        <\/dt>\n<dd>\n    <\/dd>\n<\/dl>\n<hr>\n<h3>Prototypal Inheritance<\/h3>\n<dl>\n<dt><a href=\"https:\/\/www.codeproject.com\/Articles\/687093\/Understanding-JavaScript-Object-Creation-Patterns\">Understanding JavaScript Object Creation Patterns &#8211; CodeProject<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/jsobjects.org\/\">Javascript Objects<\/a><\/dt>\n<dd>dynamic graph of Javascript object hierarchy aka prototype chain<\/dd>\n<dt><a href=\"https:\/\/javascriptweblog.wordpress.com\/2010\/06\/07\/understanding-javascript-prototypes\/\">Understanding JavaScript Prototypes. \u2013 JavaScript, JavaScript\u2026<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/www.objectplayground.com\/\">Object Playground: The Definitive Guide to Object-Oriented JavaScript<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/dmitrysoshnikov.com\/ecmascript\/chapter-7-2-oop-ecmascript-implementation\/\">ECMA-262 \u00bb ECMA-262-3 in detail. Chapter 7.2. OOP: ECMAScript implementation.<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/572897\/how-does-javascript-prototype-work\">How does JavaScript .prototype work? &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/iwiki.readthedocs.io\/en\/latest\/javascript\/js_core.html#inheritance\">Javascript Core \u2014 iWiki 1.0 documentation<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/conceptf1.blogspot.com.au\/2013\/11\/javascript-prototype-property-and-Inheritance.html\">Programming Concepts Help: JavaScript : Prototype Property and Inheritance<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/1635116\/javascript-class-method-vs-class-prototype-method\">Class.method vs. Class.prototype.method &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/11693145\/understanding-prototype-in-javascript?noredirect=1&amp;lq=1\">understanding Prototype in javascript &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/hackernoon.com\/understand-nodejs-javascript-object-inheritance-proto-prototype-class-9bd951700b29\">Javascript inheritance behind the scene <\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/blog.roundside.com\/inheritance-and-prototype-chains-in-javascript\/\">Inheritance and prototype chains in JavaScript<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/www.javascripttutorial.net\/javascript-prototype\/\">JavaScript Prototype Explained Clearly In Detail<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/davidwalsh.name\/javascript-objects\">JS Objects: Inherited a Mess<\/a><\/dt>\n<dd>I&#8217;ve read lots of blogs and books over the years that<br \/>\nhave tried (and mostly failed) to explain the appeal and mystery that is<br \/>\n&#8220;JavaScript inheritance&#8221; (aka, &#8220;prototypal inheritance&#8221;).<\/dd>\n<dt><a href=\"https:\/\/github.com\/getify\/You-Dont-Know-JS\/blob\/master\/this%20&amp;%20object%20prototypes\/README.md#you-dont-know-js-this%E2%80%93object-prototypes\">You-Dont-Know-JS<\/a><\/dt>\n<dd>A book series on JavaScript.<\/dd>\n<dt><a href=\"http:\/\/speakingjs.com\/\">Speaking JavaScript: An In-Depth Guide for Programmers<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/speakingjs.com\/es5\/ch17.html#prototype_relationship\">Chapter 17. Objects and Inheritance<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/github.com\/rus0000\/jsinheritance\">GitHub &#8211; rus0000\/jsinheritance: JavaScript prototype-based inheritance visualized<\/a><\/dt>\n<dd>jsinheritance &#8211; JavaScript prototype-based inheritance visualized<\/dd>\n<dt><a href=\"http:\/\/stackoverflow.com\/questions\/14564155\/javascript-prototypal-inheritance-descendants-override-each-other\/14576273#14576273\">Javascript prototypal inheritance &#8211; descendants override each other &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/stackoverflow.com\/questions\/436120\/javascript-accessing-private-member-variables-from-prototype-defined-functions#436147\">javascript &#8211; accessing private member variables from prototype-defined functions &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/stackoverflow.com\/questions\/1470488\/what-is-the-purpose-of-the-var-keyword-and-when-to-use-it-or-omit-it?noredirect=1&amp;lq=1\">javascript &#8211; What is the purpose of the var keyword and when to use it (or omit it)? &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/stackoverflow.com\/questions\/5767325\/remove-a-particular-element-from-an-array-in-javascript?rq=1\">Remove a particular element from an array in JavaScript? &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/stackoverflow.com\/questions\/572897\/how-does-javascript-prototype-work?rq=1\">dynamic languages &#8211; How does JavaScript .prototype work? &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/helephant.com\/2008\/08\/17\/how-javascript-objects-work\/\">How javascript objects work \u2013 Helephant.com<\/a><\/dt>\n<dd><\/dd>\n<\/dl>\n<hr>\n<h3>Miscellaneous<\/h3>\n<dl>\n<dt><a href=\"http:\/\/bonsaiden.github.io\/JavaScript-Garden\/\">JavaScript Garden<\/a><\/dt>\n<dd>A Guide to JavaScript&#8217;s Quirks and Flaws.<\/dd>\n<dt><a href=\"https:\/\/addyosmani.com\/resources\/essentialjsdesignpatterns\/book\/\">Learning JavaScript Design Patterns<\/a><\/dt>\n<dd>An open-source book on JavaScript Design Patterns<\/dd>\n<dt><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Index\">Index &#8211; JavaScript | MDN<\/a><\/dt>\n<dd>This page lists all MDN JavaScript pages along with their summary and tags.<\/dd>\n<dt><a href=\"http:\/\/ejohn.org\/apps\/learn\/#32\">Learning Advanced JavaScript<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/johnresig.com\/apps\/learn\/#64\">Learning Advanced JavaScript<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/www.javascriptbank.com\/javascript-concepts-simply-best.html\">JavaScript Concepts: Simply the Best<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/simplepixels.com.au\/\">Website Design &amp; Web Development Agency In Wagga, Albury &amp; Gundagai<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/dublintech.blogspot.com.au\/2012\/04\/javascript-language-z-cheat-sheet.html\">Dublin Tech: JavaScript language a- z cheat sheet<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/overapi.com\/javascript\/\">Javascript Cheat Sheet | OverAPI.com<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/28626836\/how-to-stop-wow-js-css-animate-on-smaller-devices\">How to stop WOW JS + CSS animate on smaller devices? &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/14203196\/does-using-a-document-fragment-really-improve-performance\">Does using a document fragment really improve performance? &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/15455009\/javascript-call-apply-vs-bind\">call() &amp; apply() vs bind()? &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/rowanmanning.com\/posts\/javascript-for-beginners-async\/\">JavaScript for Beginners: Async<\/a><\/dt>\n<dd>An introduction to asynchronous JavaScript, part of a series on JavaScript for Beginners.<\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/4559032\/easy-to-understand-definition-of-asynchronous-event\">Easy to understand definition of &#8220;asynchronous event&#8221;? &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/22539815\/arent-promises-just-callbacks\">Aren&#8217;t promises just callbacks? &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/23395448\/what-is-a-javascript-promise\">What is a JavaScript Promise? &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/blog.domenic.me\/youre-missing-the-point-of-promises\/\">You&#8217;re Missing the Point of Promises<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/joseoncode.com\/2011\/09\/26\/a-walkthrough-jquery-deferred-and-promise\/\">Understanding JQuery.Deferred and Promise<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"http:\/\/wiki.commonjs.org\/wiki\/Promises\/A\">Promises\/A &#8211; CommonJS Spec Wiki<\/a><\/dt>\n<dd><\/dd>\n<\/dl>\n<hr>\n<h3>jQuery<\/h3>\n<dl>\n<dt><a href=\"https:\/\/learn.jquery.com\/using-jquery-core\/jquery-object\/\">The jQuery Object | jQuery Learning Center<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/4083351\/what-does-jquery-fn-mean\">What does jQuery.fn mean? &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/1051782\/jquery-whats-the-difference-between-this-and-this\">What&#8217;s the difference between &#8216;$(this)&#8217; and &#8216;this&#8217;? &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/1158582\/jquery-this-vs-this-in-plugin-development\">jQuery $this vs $(this) in plugin development &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/7389944\/this-vs-this-in-jquery\">$this vs $(this) in jQuery &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<dt><a href=\"https:\/\/stackoverflow.com\/questions\/7479282\/this-vs-this\">this vs $(this) &#8211; Stack Overflow<\/a><\/dt>\n<dd><\/dd>\n<\/dl>\n<hr>\n<h3>Section<\/h3>\n<dl>\n<\/dl>\n<hr>\n<h3>Section<\/h3>\n<dl>\n<\/dl>\n<hr>\n<h3>Section<\/h3>\n<dl>\n<\/dl>\n","protected":false},"excerpt":{"rendered":"<p>The &#8220;this&#8221; keyword Scope in JavaScript &#8211; Mike West Digital Web Magazine &#8211; Mike West &#8211; September 11, 2006 Understanding THIS in Javascript Al-Zami Rahman September 10, 2017 Understand JavaScript\u2019s \u201cthis\u201d With Clarity, and Master It JavaScript is Sexy &#8211; July 5, 2013 Gentle explanation of &#8220;this&#8221; keyword in JavaScript Dimitri Pavlutin &#8211; May 22nd, &hellip; <a href=\"https:\/\/frowningbear.com\/codebase\/javascript\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Javascript&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-688","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/pages\/688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/comments?post=688"}],"version-history":[{"count":1,"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/pages\/688\/revisions"}],"predecessor-version":[{"id":1223,"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/pages\/688\/revisions\/1223"}],"wp:attachment":[{"href":"https:\/\/frowningbear.com\/codebase\/wp-json\/wp\/v2\/media?parent=688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}