{"id":11498,"date":"2022-03-15T15:53:58","date_gmt":"2022-03-15T15:53:58","guid":{"rendered":"https:\/\/www.htmlgoodies.com\/?p=11498"},"modified":"2022-03-15T15:53:58","modified_gmt":"2022-03-15T15:53:58","slug":"how-javascript-works-behind-the-scenes","status":"publish","type":"post","link":"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/","title":{"rendered":"How JavaScript Works Behind the Scenes"},"content":{"rendered":"<p>JavaScript is a very popular programming language and it is getting more and more powerful as time goes by. As its popularity is on the rise, various companies are leveraging its support on many levels in their technology stack &#8211; whether it is front-end, back-end, full-stack, or embedded apps. In this first part of the series \u201c<i>Inside the JavaScript Engine<\/i>\u201d, we will dig into how JavaScript works under the hood. Then in the second part, we will learn about the JavaScript engine.<\/p>\n<p>Almost everyone has heard of the V8 Engine and every web developer should know that JavaScript is a <a href=\"https:\/\/www.webopedia.com\/definitions\/thread\/\" target=\"_blank\" rel=\"noopener\">single-threaded<\/a> language used to develop and add functionality to websites. In this web development tutorial, we will explore the concepts of JavaScript and how it actually works. By knowing these core concepts, you will be able to write clean, better, and non-blocking JavaScript code.<\/p>\n<p>If you are a beginner JavaScript programmer, this article will help you understand what makes JavaScript so different when compared to other languages. And, if you are an experienced JavaScript programmer, it will help you give some insights into how the JavaScript Runtime that you use every day in your life actually works.<\/p>\n<p>We will discuss the following JavaScript components:<\/p>\n<ul>\n<li>JavaScript V8 Engine<\/li>\n<li>JavaScript Runtime Environment<\/li>\n<li>JavaScript Call Stack<\/li>\n<li>Concurrency and Event loop mechanism<\/li>\n<\/ul>\n<p>Let\u2019s start with the JavaScript V8 engine.<\/p>\n<p><b>Read:<\/b> <a href=\"https:\/\/www.htmlgoodies.com\/css\/html-css-and-javascript-tools-and-libraries\/\" target=\"_blank\" rel=\"noopener\">HTML, CSS, and JavaScript Tools and Libraries<\/a><\/p>\n<h2>What is the JavaScript V8 Engine?<\/h2>\n<p>As you may already know, JavaScript is an interpreted programming language. An interpreted language means that the code is not compiled into binary code prior to being executed. So now the question arises: how do computers execute those text scripts? For JavaScript, that code execution comes courtesy of the JavaScript engine. You can think of the JavaScript engine as a tool that executes the JavaScript code so that it does not need to be interpreted for the computer running the code to understand it. One of the benefits of this method is that it makes JavaScript platform independent &#8211; meaning it can run on any operating system or platform.<\/p>\n<p>JavaScript engine comes built-in with all modern Internet browsers. So how does the JavaScript engine work? When a JavaScript file is loaded into the browser, the JavaScript engine executes each line of code one by one. It parses each line of code from top to bottom, converts them into binary code, and then executes it on the browser.<\/p>\n<p>Every browser has its own JavaScript engine but one of the most well-known JavaScript engines is Chrome V8 engine. The following list shows some of the browsers and their respective JavaScript engine:<\/p>\n<ul>\n<li>Google Chrome: V8<\/li>\n<li>Safari: JavaScriptCore<\/li>\n<li>Mozilla Firefox: Spider Monkey<\/li>\n<li>Microsoft Edge: Chakra<\/li>\n<\/ul>\n<p>The JavaScript engine consists of two components:<\/p>\n<ul>\n<li>Memory Heap<\/li>\n<li>Call stack<\/li>\n<\/ul>\n<p>A JavaScript engine contains <i>heap memory<\/i> and a <i>call stack<\/i>. A call stack is where our code executes. Heap memory is an unstructured memory pool containing the objects that we need in our program.<\/p>\n<p><b>Read:<\/b> <a href=\"https:\/\/www.htmlgoodies.com\/javascript\/introduction-to-typescript-and-its-features\/\" target=\"_blank\" rel=\"noopener\">Introduction to TypeScript and its Features<\/a><\/p>\n<h2>What is the JavaScript Runtime Environment?<\/h2>\n<p>In the previous section, we discussed the JavaScript engine, but the JavaScript engine does not run in isolation. It runs inside the JavaScript Runtime engine (JRE), along with other components.<\/p>\n<p>It is the JRE that makes the JavaScript asynchronous and allows web developers to make HTTP requests asynchronously. JRE consists of several components:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>JavaScript Engine<\/li>\n<li>Web API<\/li>\n<li>Callback queue<\/li>\n<li>Event loop<\/li>\n<li>Event Table<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2>What is the Call Stack in JavaScript?<\/h2>\n<p>JavaScript is a single-threaded programming language, which means it has a single call stack; therefore, it can only do one thing at a time. The Call Stack is a program that records where we are in the program (e.g., if we step into a function then that function will be pushed into the top of the stack and if we return from a function, that function will be popped-off from the top of the Stack).<\/p>\n<p>Let\u2019s look at an example of a JavaScript Call Stack:<\/p>\n<pre>function addition(x, y) {\r\nreturn x + y;\r\n}\r\nfunction findSum(x, y) {\r\nvar result = addition(x, y);\r\nconsole.log(result);\r\n}\r\nfindSum(7,5);\r\n<\/pre>\n<p>When you execute the above program, the JavaScript engine starts executing the code. Initially, the Call Stack will be empty, and, afterward, the steps involved in the process will be as depicted in the following diagram:<\/p>\n<p><img class=\"alignnone size-full wp-image-11499\" src=\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2022\/03\/JavaScript-Call-Stack-xample.png\" alt=\"JavaScript Call Stack\" width=\"746\" height=\"327\" srcset=\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2022\/03\/JavaScript-Call-Stack-xample.png 746w, https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2022\/03\/JavaScript-Call-Stack-xample-300x132.png 300w, https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2022\/03\/JavaScript-Call-Stack-xample-696x305.png 696w\" sizes=\"(max-width: 746px) 100vw, 746px\" \/><\/p>\n<p>Each value you see in the call stack is referred to as a \u2018<i>Stack Frame<\/i>\u2019.<\/p>\n<p>JavaScript runs code on a single thread. Running code on a single thread can be quite easy because you do not have to deal with some of the complex scenarios you would have to deal with in a multi-threaded environment, such as deadlock, thread safety, thread pool, etc. Keep in mind single thread execution has advantages as well as limitations too. We will discuss some of these limitations briefly in the next section.<\/p>\n<p><b>Read:<\/b> <a href=\"https:\/\/www.htmlgoodies.com\/javascript\/ten-ways-to-use-angular-js\/\" target=\"_blank\" rel=\"noopener\">Ten Ways to Use AngularJS<\/a><\/p>\n<h2>JavaScript Concurrency Model and Event Loop<\/h2>\n<p>The problem with a single-thread application is that, if there are too many functions to execute in the Call Stack, the browser gets stuck and the browser cannot do anything. It cannot execute further code or render anything meanwhile. That could be a serious problem from an end-user point of view. No one wants their users to be stuck when some background processing is going on a web page.<\/p>\n<p>This is not the only problem with a single-threaded environment, but there is a more critical problem that arises when the browser becomes unresponsive. Once your browser starts processing so many tasks in the Call Stack, it becomes unresponsive for a while. In such a case, the browser usually prompts the user whether he wants to terminate the webpage. That, too, is not an ideal condition for the user experience, is it?<\/p>\n<p>So, how could we execute multiple tasks in the background without blocking the UI, while also making the browser unresponsive?<\/p>\n<p>Well, the solution to this problem is known as <i>Asynchronous callback<\/i>. Asynchronous programming is such a large topic that I cannot explain it in depth in this article. However, if you want to learn more about how asynchronous callback works in JavaScript then you can check out this article: <a href=\"https:\/\/www.htmlgoodies.com\/javascript\/asynchronous-programming-in-javascript\/\" target=\"_blank\" rel=\"noopener\">Asynchronous Programming in JavaScript<\/a><\/p>\n<h2>Conclusion to Overview of the JavaScript Engine<\/h2>\n<p>This was the first part of the series <i>Inside the JavaScript Engine<\/i>, which covers the aspects of how JavaScript works behind the scenes. In the second part of the series, we will go more into detail about the JavaScript engine itself.<\/p>\n<p>Read more <a href=\"https:\/\/www.htmlgoodies.com\/javascript\/\" target=\"_blank\" rel=\"noopener\">JavaScript programming and web development tutorials<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript is a very popular programming language and it is getting more and more powerful as time goes by. As its popularity is on the rise, various companies are leveraging its support on many levels in their technology stack &#8211; whether it is front-end, back-end, full-stack, or embedded apps. In this first part of the [&hellip;]<\/p>\n","protected":false},"author":121,"featured_media":11500,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[30620],"tags":[3385,25695],"b2b_audience":[37],"b2b_industry":[65],"b2b_product":[69,70,71,76,131,68,81,82,133,83,84,107,86,30818,93,94,99,114,115,116,117,80,98,128],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How JavaScript Works Behind the Scenes | HTMLGoodies.com<\/title>\n<meta name=\"description\" content=\"A web development guide to the JavaScript Engine. Learn how the JavaScript Runtime Engine (JRE) works and other JavaScript concepts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How JavaScript Works Behind the Scenes | HTMLGoodies.com\" \/>\n<meta property=\"og:description\" content=\"A web development guide to the JavaScript Engine. Learn how the JavaScript Runtime Engine (JRE) works and other JavaScript concepts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Goodies\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-15T15:53:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2022\/03\/JavaScript-Engine-tutorial-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@htmlgoodies\" \/>\n<meta name=\"twitter:site\" content=\"@htmlgoodies\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tariq Siddiqui\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#organization\",\"name\":\"HTML Goodies\",\"url\":\"https:\/\/www.htmlgoodies.com\/\",\"sameAs\":[\"https:\/\/twitter.com\/htmlgoodies\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png\",\"contentUrl\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png\",\"width\":584,\"height\":136,\"caption\":\"HTML Goodies\"},\"image\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#website\",\"url\":\"https:\/\/www.htmlgoodies.com\/\",\"name\":\"HTML Goodies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.htmlgoodies.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#primaryimage\",\"url\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2022\/03\/JavaScript-Engine-tutorial-scaled.jpg\",\"contentUrl\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2022\/03\/JavaScript-Engine-tutorial-scaled.jpg\",\"width\":2560,\"height\":1707,\"caption\":\"JavaScript Tutorial\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#webpage\",\"url\":\"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/\",\"name\":\"How JavaScript Works Behind the Scenes | HTMLGoodies.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#primaryimage\"},\"datePublished\":\"2022-03-15T15:53:58+00:00\",\"dateModified\":\"2022-03-15T15:53:58+00:00\",\"description\":\"A web development guide to the JavaScript Engine. Learn how the JavaScript Runtime Engine (JRE) works and other JavaScript concepts.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.htmlgoodies.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How JavaScript Works Behind the Scenes\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/165c40fc1987c3b2daa20921540ad516\"},\"headline\":\"How JavaScript Works Behind the Scenes\",\"datePublished\":\"2022-03-15T15:53:58+00:00\",\"dateModified\":\"2022-03-15T15:53:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#webpage\"},\"wordCount\":1078,\"publisher\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2022\/03\/JavaScript-Engine-tutorial-scaled.jpg\",\"keywords\":[\"JavaScript\",\"javascript engine\"],\"articleSection\":[\"Javascript\"],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/165c40fc1987c3b2daa20921540ad516\",\"name\":\"Tariq Siddiqui\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/08\/Tariq-150x150.png\",\"contentUrl\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/08\/Tariq-150x150.png\",\"caption\":\"Tariq Siddiqui\"},\"description\":\"A graduate in MS Computer Applications and a Web Developer from India with diverse skills across multiple Web development technologies. Enjoys writing about any tech topic, including programming, algorithms and cloud computing. Traveling and playing video games are the hobbies that interest me most.\",\"url\":\"https:\/\/www.htmlgoodies.com\/author\/tariqsiddiqui\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How JavaScript Works Behind the Scenes | HTMLGoodies.com","description":"A web development guide to the JavaScript Engine. Learn how the JavaScript Runtime Engine (JRE) works and other JavaScript concepts.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/","og_locale":"en_US","og_type":"article","og_title":"How JavaScript Works Behind the Scenes | HTMLGoodies.com","og_description":"A web development guide to the JavaScript Engine. Learn how the JavaScript Runtime Engine (JRE) works and other JavaScript concepts.","og_url":"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/","og_site_name":"HTML Goodies","article_published_time":"2022-03-15T15:53:58+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2022\/03\/JavaScript-Engine-tutorial-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_creator":"@htmlgoodies","twitter_site":"@htmlgoodies","twitter_misc":{"Written by":"Tariq Siddiqui","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.htmlgoodies.com\/#organization","name":"HTML Goodies","url":"https:\/\/www.htmlgoodies.com\/","sameAs":["https:\/\/twitter.com\/htmlgoodies"],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png","contentUrl":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png","width":584,"height":136,"caption":"HTML Goodies"},"image":{"@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/www.htmlgoodies.com\/#website","url":"https:\/\/www.htmlgoodies.com\/","name":"HTML Goodies","description":"","publisher":{"@id":"https:\/\/www.htmlgoodies.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.htmlgoodies.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#primaryimage","url":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2022\/03\/JavaScript-Engine-tutorial-scaled.jpg","contentUrl":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2022\/03\/JavaScript-Engine-tutorial-scaled.jpg","width":2560,"height":1707,"caption":"JavaScript Tutorial"},{"@type":"WebPage","@id":"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#webpage","url":"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/","name":"How JavaScript Works Behind the Scenes | HTMLGoodies.com","isPartOf":{"@id":"https:\/\/www.htmlgoodies.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#primaryimage"},"datePublished":"2022-03-15T15:53:58+00:00","dateModified":"2022-03-15T15:53:58+00:00","description":"A web development guide to the JavaScript Engine. Learn how the JavaScript Runtime Engine (JRE) works and other JavaScript concepts.","breadcrumb":{"@id":"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.htmlgoodies.com\/"},{"@type":"ListItem","position":2,"name":"How JavaScript Works Behind the Scenes"}]},{"@type":"Article","@id":"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#article","isPartOf":{"@id":"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#webpage"},"author":{"@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/165c40fc1987c3b2daa20921540ad516"},"headline":"How JavaScript Works Behind the Scenes","datePublished":"2022-03-15T15:53:58+00:00","dateModified":"2022-03-15T15:53:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#webpage"},"wordCount":1078,"publisher":{"@id":"https:\/\/www.htmlgoodies.com\/#organization"},"image":{"@id":"https:\/\/www.htmlgoodies.com\/javascript\/how-javascript-works-behind-the-scenes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2022\/03\/JavaScript-Engine-tutorial-scaled.jpg","keywords":["JavaScript","javascript engine"],"articleSection":["Javascript"],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/165c40fc1987c3b2daa20921540ad516","name":"Tariq Siddiqui","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/image\/","url":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/08\/Tariq-150x150.png","contentUrl":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/08\/Tariq-150x150.png","caption":"Tariq Siddiqui"},"description":"A graduate in MS Computer Applications and a Web Developer from India with diverse skills across multiple Web development technologies. Enjoys writing about any tech topic, including programming, algorithms and cloud computing. Traveling and playing video games are the hobbies that interest me most.","url":"https:\/\/www.htmlgoodies.com\/author\/tariqsiddiqui\/"}]}},"_links":{"self":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/posts\/11498"}],"collection":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/users\/121"}],"replies":[{"embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/comments?post=11498"}],"version-history":[{"count":0,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/posts\/11498\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/media\/11500"}],"wp:attachment":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/media?parent=11498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/categories?post=11498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/tags?post=11498"},{"taxonomy":"b2b_audience","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/b2b_audience?post=11498"},{"taxonomy":"b2b_industry","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/b2b_industry?post=11498"},{"taxonomy":"b2b_product","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/b2b_product?post=11498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}