{"id":386,"date":"2018-04-09T17:55:02","date_gmt":"2018-04-09T17:55:02","guid":{"rendered":"https:\/\/tinjurewp.com\/jsblog\/?p=386"},"modified":"2018-04-09T17:55:02","modified_gmt":"2018-04-09T17:55:02","slug":"thoughts-1-javascript-scope-hoisting","status":"publish","type":"post","link":"https:\/\/learncode.tinjurewp.com\/thoughts-1-javascript-scope-hoisting\/","title":{"rendered":"Thoughts #1: JavaScript Scope & Hoisting"},"content":{"rendered":"

I am in my very early stage of JS learning and just beginning to get used to and familiarize myself with the fundamentals of the the JS language. Last week, I spend lot of time understanding the basic JS function (declaration, expression, arrow functions) and write my learning-note about it<\/a>. I have had already my share of many many frustrating moments to understand other JS topics clearly. After spending almost a week, I am still confused. The topic is not straight forward but confusing<\/a>.<\/p>\n

And don’t think everything will become totally logical: JavaScript is confusing.<\/p><\/blockquote>\n

Callback Function<\/h5>\n

While learning functions, I came across yet another function \u2013 callback function<\/a>. I spend some time learning about it and realized that it could be confusing to newbie like me. Nevertheless, I wrote a learning-note about callback function<\/a> too.<\/p>\n

Function Declaration vs Function Expression<\/h5>\n

Before I move on to other topics (eg. Objects), I opted to devote some time to understand the difference between function declaration<\/a> & function expression<\/a>. After learning basic difference in syntax, I started getting confused with conditionally created functions<\/a>. To better understand this concept, basic knowledge of variable hoisting with var<\/code>, let<\/code> and const<\/code> and var\/function scope is essential.<\/p>\n

Scope & Hoisting<\/h5>\n

While learning functions (declaration & expression) and variables but I get confused when I start trying to untangle scope<\/strong> (variable & function), hoisting<\/strong>. My plan for next week or so is to\u00a0understand variables<\/strong> ( var<\/code>, let<\/code> & const<\/code>) and Function Scopes & closures<\/code>.<\/p>\n

Waiting for My “Ah ha” Moment in JS Functions<\/h5>\n

Finally, I did some goggling to learn how other JS developers with similar to mine non-programmer background overcome their most frustrating learning experience. In a 2012 CSS-Tricks<\/a> forum post Chris\u00a0 Coyier \u00a0sought inputs from his site\u2019s participant to share their The \u00a0JavaScipt \u201cAh ha!\u201d Moment<\/a>. \u00a0Most forum participant commented that understanding of closure<\/a>, scope<\/strong>, hoisting<\/strong>, objects<\/strong> made them feel their \u201cAh ha\u201d moment. From their comments, I recognized that JS Closure & Scope were the most frequently mentioned confusing topics to understand.<\/p>\n

JavaScript is a confusing language to learn. I am Still Waiting for My ‘Ah ha’ moments in JS Function<\/strong> (scope<\/code>, hoisting<\/code>)<\/p><\/blockquote>\n

In a more recent post in Medium<\/a> Tan Moy<\/em> (Web Developer \/ Data Scientist) wrote that his Aha! Moments in JavaScript was JS Callbacks<\/a>.<\/p>\n

Book Recommendation<\/h6>\n

Tom McFarlin<\/em> (WordPress developer) writes<\/a> that JavaScript: The Good Parts<\/a> (O\u2019Reilly Publication) solidified his understanding of the JavaScript language.<\/p>\n

Useful Resources<\/h6>\n

The following resources appear to be relevant to further review these topics:<\/p>\n