Anyways I am here to get you through it.<\/span><\/p>\n <\/p>\n PREREQUISITE KNOWLEDGE:<\/u><\/p>\n <\/p>\n JavaScript is a <\/span>synchronous single threaded <\/em> language.<\/span><\/p>\n Synchronous<\/strong> means it executes code in the order in which they were placed on the script (from the top to bottom), it executes the code from line 1, then line 2 and so on.<\/span><\/p>\n <\/p>\n Single threaded<\/strong> means it only does one thing at a time, it does not multitask, it fully executes a line of code before it continues to the next line, it cannot be executing the code in line 3 at the same time the code in line 4.<\/span><\/p>\n <\/p>\n So in short, synchronous single-threaded means it executes one line of code at a time in the order they appear on the script (from top to bottom).<\/span><\/p>\n <\/p>\n <\/p>\n HOISTING is storing of variables and functions in the variable environment or memory of an execution context before execution. <\/span><\/p>\n <\/p>\n Before JavaScript starts executing your code, it stores it memory first<\/span><\/p>\n <\/p>\n 1.<\/strong> Variables stored with <\/span>\u201cvar\u201d<\/em> keywords are assigned \u201cundefined\u201d in memory during hoisting. Hence if you try to access them before they are executed you will get undefined.<\/span><\/p>\n <\/p>\n NOTE: The debugger is turned on to pause to the code from executing at specific points so you can notice what happens within the code and the memory<\/span> <\/p>\n Notice what is assigned to \u201ca\u201d in the global memory before the line var a = \u201cJavaScript\u201d was executed.<\/span><\/p>\n <\/p>\n 2. <\/span>Variables stored with <\/span>\u201cconst\u201d<\/em> and <\/span>\u201clet<\/em>\u201d keywords assigned \u201c<value unavailable>\u201d are stored in the Temporal Dead Zone (TDZ) , a separate section within the global memory. When you try to access them before they are executed, you get an error \u201cReferenceError: Cannot access ‘b’ before initialization\u201d.<\/span><\/p>\n <\/p>\n <\/p>\n Notice variables \u201ca\u201d and \u201cb\u201d are saved in \u201cScript\u201d and not \u201cGlobal\u201d and they are assigned \u201c<value unavailable>\u201d. This only happens before line const b =\u201dHoisting\u201d and let c = \u201cJohn\u201d are executed.<\/span><\/p>\n Classes<\/em> are also hoisted like <\/span>\u201cconst\u201d<\/em> and <\/span>\u201clet\u201d<\/em>. You cannot initialize a class before executing it else you will get an error<\/span><\/p>\n Example: <\/span><\/p>\n <\/p>\n <\/p>\n <\/p>\n 3.<\/strong> Functions are stored with a reference to the entire function code, hence you can invoke or access them before they are executed.<\/span><\/p>\n <\/p>\n Notice here that the function labeled \u201c<\/span>arr\u201d <\/em>has been saved in memory before it is executed, the debugger is placed on the first line <\/span> which means it pauses the code execution.<\/span><\/p>\n <\/p>\n Hence you can easily use or print or invoke a function before it is executed in the next line of code. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":" Have you heard of hoisting?, and might be wondering what it is right, or you probably got an error and they told you it was as a result of hoisting right? Anyways I am here to get you through it. PREREQUISITE KNOWLEDGE: JavaScript is a synchronous single threaded language. Synchronous means it executes code in the<\/p>\n","protected":false},"author":50,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[230,172],"tags":[330],"class_list":["post-4980","post","type-post","status-publish","format-standard","category-chosen-topic","category-javascript","tag-javascript"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/posts\/4980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/comments?post=4980"}],"version-history":[{"count":1,"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/posts\/4980\/revisions"}],"predecessor-version":[{"id":5002,"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/posts\/4980\/revisions\/5002"}],"wp:attachment":[{"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/media?parent=4980"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/categories?post=4980"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namastedev.com\/blog\/wp-json\/wp\/v2\/tags?post=4980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![](\"https:\/\/namastedev.com\/blog\/wp-content\/uploads\/2024\/09\/Screenshot-1330-1.png\")
<\/p>\n![](\"https:\/\/namastedev.com\/blog\/wp-content\/uploads\/2024\/09\/Screenshot-1333.png\")
<\/p>\n![](\"https:\/\/namastedev.com\/blog\/wp-content\/uploads\/2024\/09\/Screenshot-1339.png\")
<\/p>\n![](\"https:\/\/namastedev.com\/blog\/wp-content\/uploads\/2024\/09\/Screenshot-1336.png\")
<\/p>\n