{"id":475,"date":"2019-02-12T04:37:56","date_gmt":"2019-02-12T04:37:56","guid":{"rendered":"http:\/\/www.projectimmerse.com\/blog\/?p=475"},"modified":"2020-06-17T07:05:55","modified_gmt":"2020-06-17T07:05:55","slug":"fixing-a-network-404-error-using-typeof","status":"publish","type":"post","link":"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/","title":{"rendered":"Fixing a network 404 error using typeof"},"content":{"rendered":"

Javascript’s typeof<\/a> operator is an essential debugging tool that many young programmers often miss. Countless times I’ve run into situations where my program wasn’t working because either my variable was unnoticeably coerced or I was just completely unaware of a data type. As mentioned in a previous post – a season programmer should know their data types! Another thing a seasoned programmer ought to know is to prevent themselves from being too arrogant – yes, we need help and using the “typeof” operator is there to the rescue. <\/p>\n

<\/p>\n

I’ve been getting a lot of optimization requests from my consulting clients – and, optimization is such a broad term. It could mean anything, but generally speaking we are talking about site speed. If we narrow that down, well we get a really long list of solutions thanks to Google Page Insights. Even more, Page Insights is powered by Lighthouse<\/a> and I’ve done my research – Lighthouse Technology is totally legit. <\/p>\n

Back to the typeof operator – this solution didn’t arrive so quickly when I was trying to debug a situation where some variable was “undefined”. Yeah, undefined – such a mystical data type. It’s almost up there with “null” and “NaN”. Javascript can be so weird sometimes, you don’t really know what you’re dealing with. <\/p>\n

And so some variable was floating around, let’s call this variable “time”. So in a program it could look sometime like this:<\/p>\n

\r\n\r\nif (time) {\r\n\r\n \/\/ ... a bunch of code ...\r\n \/\/ ... a bunch of code ...\r\n\r\n}\r\n\r\n<\/pre>\n
The console was throwing an error and rightfully so – time was undefined. This can be caused by anything but what first comes to mind would be some javascript, framework or library that isn’t utilized on that particular page – happens a lot. Perhaps it’s only utilized on a gallery page, but the library in embedded globally throughout the site. <\/p>\n
So how do we get rid of it? Well at first I tried the handy dandy boolean check before the program is run:<\/p>\n
\r\n\r\nif (!time) {\r\n  return;\r\n}\r\n\r\nif (time) {\r\n\r\n \/\/ ... a bunch of code ...\r\n \/\/ ... a bunch of code ...\r\n\r\n}\r\n\r\n<\/pre>\n
Well that didn’t work, same result. Let’s try comparing it against the data type in question – yes, “undefined”.<\/p>\n
\r\n\r\nif (time === "undefined") {\r\n  return;\r\n}\r\n\r\nif (time) {\r\n\r\n \/\/ ... a bunch of code ...\r\n \/\/ ... a bunch of code ...\r\n\r\n}\r\n\r\n<\/pre>\n
Nope, that didn’t work – so, this is where typeof solves the issue – straight up. This time, we’ll output the variable by logging it. <\/p>\n
\r\n\r\nif (typeof item === 'undefined') {\r\n        return;\r\n}\r\n\r\nif (item) {\r\n\r\n  console.log(item);\r\n}\r\n\r\n<\/pre>\n
So in the code above, we never get to logging the item. We use the return operator to end the program’s execution. <\/p>\n","protected":false},"excerpt":{"rendered":"
Javascript’s typeof operator is an essential debugging tool that many young programmers often miss. Countless times I’ve run into situations where my program wasn’t working because either my variable was unnoticeably coerced or I was just completely unaware of a data type. As mentioned in a previous post – a season programmer should know their … <\/p>\n
Continue reading “Fixing a network 404 error using typeof”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1150,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[56],"tags":[],"class_list":["post-475","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming-fundamentals"],"yoast_head":"\nFixing a network 404 error using typeof - Project Immerse<\/title>\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.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fixing a network 404 error using typeof - Project Immerse\" \/>\n<meta property=\"og:description\" content=\"Javascript’s typeof operator is an essential debugging tool that many young programmers often miss. Countless times I’ve run into situations where my program wasn’t working because either my variable was unnoticeably coerced or I was just completely unaware of a data type. As mentioned in a previous post – a season programmer should know their … Continue reading "Fixing a network 404 error using typeof"\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/\" \/>\n<meta property=\"og:site_name\" content=\"Project Immerse\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-12T04:37:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-17T07:05:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.projectimmerse.com\/blog\/wp-content\/uploads\/2019\/02\/javascript-type-of-operator.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alex Mercer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alex Mercer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/fixing-a-network-404-error-using-typeof\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/fixing-a-network-404-error-using-typeof\\\/\"},\"author\":{\"name\":\"Alex Mercer\",\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/#\\\/schema\\\/person\\\/c53f2864be524ee6fa08a7e4800dd1e5\"},\"headline\":\"Fixing a network 404 error using typeof\",\"datePublished\":\"2019-02-12T04:37:56+00:00\",\"dateModified\":\"2020-06-17T07:05:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/fixing-a-network-404-error-using-typeof\\\/\"},\"wordCount\":465,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/fixing-a-network-404-error-using-typeof\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/javascript-type-of-operator.png\",\"articleSection\":[\"Programming Fundamentals\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/fixing-a-network-404-error-using-typeof\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/fixing-a-network-404-error-using-typeof\\\/\",\"url\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/fixing-a-network-404-error-using-typeof\\\/\",\"name\":\"Fixing a network 404 error using typeof - Project Immerse\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/fixing-a-network-404-error-using-typeof\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/fixing-a-network-404-error-using-typeof\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/javascript-type-of-operator.png\",\"datePublished\":\"2019-02-12T04:37:56+00:00\",\"dateModified\":\"2020-06-17T07:05:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/#\\\/schema\\\/person\\\/c53f2864be524ee6fa08a7e4800dd1e5\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/fixing-a-network-404-error-using-typeof\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/fixing-a-network-404-error-using-typeof\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/fixing-a-network-404-error-using-typeof\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/javascript-type-of-operator.png\",\"contentUrl\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/javascript-type-of-operator.png\",\"width\":750,\"height\":750,\"caption\":\"Fixing a network 404 error using typeof\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/fixing-a-network-404-error-using-typeof\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fixing a network 404 error using typeof\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/\",\"name\":\"Project Immerse\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/#\\\/schema\\\/person\\\/c53f2864be524ee6fa08a7e4800dd1e5\",\"name\":\"Alex Mercer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/alex-mercer-author-150x150.png\",\"url\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/alex-mercer-author-150x150.png\",\"contentUrl\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/alex-mercer-author-150x150.png\",\"caption\":\"Alex Mercer\"},\"description\":\"Alex Mercer is a writer and contributor at Project Immerse, covering web design, WordPress, web development, SEO, digital strategy, emerging technology, and the evolving world of the web. His work focuses on practical ideas, useful tools, and approachable guidance that help creators, developers, and business owners build better digital experiences. Alex writes with a hands-on, curiosity-driven approach, exploring both established web practices and new technologies shaping how websites are designed, built, and discovered.\",\"sameAs\":[\"https:\\\/\\\/www.projectimmerse.com\"],\"url\":\"https:\\\/\\\/www.projectimmerse.com\\\/blog\\\/author\\\/projectimmerse\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Fixing a network 404 error using typeof - Project Immerse","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.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/","og_locale":"en_US","og_type":"article","og_title":"Fixing a network 404 error using typeof - Project Immerse","og_description":"Javascript’s typeof operator is an essential debugging tool that many young programmers often miss. Countless times I’ve run into situations where my program wasn’t working because either my variable was unnoticeably coerced or I was just completely unaware of a data type. As mentioned in a previous post – a season programmer should know their … Continue reading \"Fixing a network 404 error using typeof\"","og_url":"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/","og_site_name":"Project Immerse","article_published_time":"2019-02-12T04:37:56+00:00","article_modified_time":"2020-06-17T07:05:55+00:00","og_image":[{"width":750,"height":750,"url":"https:\/\/www.projectimmerse.com\/blog\/wp-content\/uploads\/2019\/02\/javascript-type-of-operator.png","type":"image\/png"}],"author":"Alex Mercer","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alex Mercer","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/#article","isPartOf":{"@id":"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/"},"author":{"name":"Alex Mercer","@id":"https:\/\/www.projectimmerse.com\/blog\/#\/schema\/person\/c53f2864be524ee6fa08a7e4800dd1e5"},"headline":"Fixing a network 404 error using typeof","datePublished":"2019-02-12T04:37:56+00:00","dateModified":"2020-06-17T07:05:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/"},"wordCount":465,"commentCount":0,"image":{"@id":"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/#primaryimage"},"thumbnailUrl":"https:\/\/www.projectimmerse.com\/blog\/wp-content\/uploads\/2019\/02\/javascript-type-of-operator.png","articleSection":["Programming Fundamentals"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/","url":"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/","name":"Fixing a network 404 error using typeof - Project Immerse","isPartOf":{"@id":"https:\/\/www.projectimmerse.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/#primaryimage"},"image":{"@id":"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/#primaryimage"},"thumbnailUrl":"https:\/\/www.projectimmerse.com\/blog\/wp-content\/uploads\/2019\/02\/javascript-type-of-operator.png","datePublished":"2019-02-12T04:37:56+00:00","dateModified":"2020-06-17T07:05:55+00:00","author":{"@id":"https:\/\/www.projectimmerse.com\/blog\/#\/schema\/person\/c53f2864be524ee6fa08a7e4800dd1e5"},"breadcrumb":{"@id":"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/#primaryimage","url":"https:\/\/www.projectimmerse.com\/blog\/wp-content\/uploads\/2019\/02\/javascript-type-of-operator.png","contentUrl":"https:\/\/www.projectimmerse.com\/blog\/wp-content\/uploads\/2019\/02\/javascript-type-of-operator.png","width":750,"height":750,"caption":"Fixing a network 404 error using typeof"},{"@type":"BreadcrumbList","@id":"https:\/\/www.projectimmerse.com\/blog\/fixing-a-network-404-error-using-typeof\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.projectimmerse.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Fixing a network 404 error using typeof"}]},{"@type":"WebSite","@id":"https:\/\/www.projectimmerse.com\/blog\/#website","url":"https:\/\/www.projectimmerse.com\/blog\/","name":"Project Immerse","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.projectimmerse.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.projectimmerse.com\/blog\/#\/schema\/person\/c53f2864be524ee6fa08a7e4800dd1e5","name":"Alex Mercer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.projectimmerse.com\/blog\/wp-content\/uploads\/2026\/09\/alex-mercer-author-150x150.png","url":"https:\/\/www.projectimmerse.com\/blog\/wp-content\/uploads\/2026\/09\/alex-mercer-author-150x150.png","contentUrl":"https:\/\/www.projectimmerse.com\/blog\/wp-content\/uploads\/2026\/09\/alex-mercer-author-150x150.png","caption":"Alex Mercer"},"description":"Alex Mercer is a writer and contributor at Project Immerse, covering web design, WordPress, web development, SEO, digital strategy, emerging technology, and the evolving world of the web. His work focuses on practical ideas, useful tools, and approachable guidance that help creators, developers, and business owners build better digital experiences. Alex writes with a hands-on, curiosity-driven approach, exploring both established web practices and new technologies shaping how websites are designed, built, and discovered.","sameAs":["https:\/\/www.projectimmerse.com"],"url":"https:\/\/www.projectimmerse.com\/blog\/author\/projectimmerse\/"}]}},"_links":{"self":[{"href":"https:\/\/www.projectimmerse.com\/blog\/wp-json\/wp\/v2\/posts\/475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.projectimmerse.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.projectimmerse.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.projectimmerse.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.projectimmerse.com\/blog\/wp-json\/wp\/v2\/comments?post=475"}],"version-history":[{"count":6,"href":"https:\/\/www.projectimmerse.com\/blog\/wp-json\/wp\/v2\/posts\/475\/revisions"}],"predecessor-version":[{"id":1151,"href":"https:\/\/www.projectimmerse.com\/blog\/wp-json\/wp\/v2\/posts\/475\/revisions\/1151"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.projectimmerse.com\/blog\/wp-json\/wp\/v2\/media\/1150"}],"wp:attachment":[{"href":"https:\/\/www.projectimmerse.com\/blog\/wp-json\/wp\/v2\/media?parent=475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.projectimmerse.com\/blog\/wp-json\/wp\/v2\/categories?post=475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.projectimmerse.com\/blog\/wp-json\/wp\/v2\/tags?post=475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}