Window Variable JavaScript | Declare Global Variables inside a function

Window Variable means that the variable is being declared at the global scope In JavaScript.

Window Variable is used to declare JavaScript global variables inside the function.

However, it’s not recommended to create or declarer Global variables generally and it should be avoided. A better way to define variables within the scope of functions .

Window Variable JavaScript Example code

A variable gets declared in the global scope window.carName = "Volvo"; can access this variable on the window object window.carName , because in the browser the ‘window’ object the global object.

HTML example code of JavaScript window object global variables:-

<!DOCTYPE html>
	<script>
		function car(){
			window.carName = "Volvo";
		function carDetails(){
			alert(window.carName); 
		car();
		carDetails();
	</script>
</body>
</html>

Output :

Declare global Window Variable JavaScript inside a function

Do comment if you have any doubts and suggestion on this JavaScript variables topic.

Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

OS: Windows 10

Code: HTML 5 Version

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Name *

Email *

Website

Comment * </p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_comments" id="subscribe_comments" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;"/> <label class="subscribe-label" id="subscribe-label" for="subscribe_comments">Notify me of follow-up comments by email.</label></p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_blog" id="subscribe_blog" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;"/> <label class="subscribe-label" id="subscribe-blog-label" for="subscribe_blog">Notify me of new posts by email.</label></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="button button-primary" value="Post Comment"/> <input type="hidden" name="comment_post_ID" value="12016" id="comment_post_ID"/> <input type="hidden" name="comment_parent" id="comment_parent" value="0"/></p></form></div></div></article><div class="nv-sidebar-wrap col-sm-12 nv-right blog-sidebar "><aside id="secondary" role="complementary"><div id="recent-posts-2" class="widget widget_recent_entries"><p class="widget-title">Recent Posts</p><ul><li> <a href="https://tutorial.eyehunts.com/python/python-clear-output/">Python clear output</a></li><li> <a href="https://tutorial.eyehunts.com/python/python-string-contains-regex/">Python string contains regex</a></li><li> <a href="https://tutorial.eyehunts.com/python/counter-function-in-python/">Counter function in Python</a></li><li> <a href="https://tutorial.eyehunts.com/python/write-a-program-to-print-even-numbers-from-1-to-20-in-python/">Write a program to print even numbers from 1 to 20 in Python</a></li><li> <a href="https://tutorial.eyehunts.com/python/isdigit-function-in-python/">isdigit function in Python</a></li></ul></div><div id="block-4" class="widget widget_block"><div style="margin-top: -70px; margin-bottom: -20px;"> <ins class="adsbygoogle" style="display: inline-block; width: 336px; height: 280px;" data-ad-client="ca-pub-7386671555630322" data-ad-slot="4393329379"/> </div></div><div id="categories-2" class="widget widget_categories"><p class="widget-title">Categories</p><ul><li class="cat-item cat-item-7"><a href="https://tutorial.eyehunts.com/category/android/">Android</a></li><li class="cat-item cat-item-12"><a href="https://tutorial.eyehunts.com/category/android-interview-questions/">Android Interview Questions</a></li><li class="cat-item cat-item-13"><a href="https://tutorial.eyehunts.com/category/kotlin-android/">Android Kotlin</a></li><li class="cat-item cat-item-28"><a href="https://tutorial.eyehunts.com/category/android-ui/">Android UI</a></li><li class="cat-item cat-item-41"><a href="https://tutorial.eyehunts.com/category/c/">C</a></li><li class="cat-item cat-item-61"><a href="https://tutorial.eyehunts.com/category/css/">CSS</a></li><li class="cat-item cat-item-15"><a href="https://tutorial.eyehunts.com/category/data-structures/">Data structure</a></li><li class="cat-item cat-item-62"><a href="https://tutorial.eyehunts.com/category/html/">HTML</a></li><li class="cat-item cat-item-130"><a href="https://tutorial.eyehunts.com/category/info/">Info</a></li><li class="cat-item cat-item-1"><a href="https://tutorial.eyehunts.com/category/java/">Java</a></li><li class="cat-item cat-item-69"><a href="https://tutorial.eyehunts.com/category/js/">JavaScript</a></li><li class="cat-item cat-item-286"><a href="https://tutorial.eyehunts.com/category/jquery/">jQuery</a></li><li class="cat-item cat-item-571"><a href="https://tutorial.eyehunts.com/category/json/">JSON</a></li><li class="cat-item cat-item-14"><a href="https://tutorial.eyehunts.com/category/kotlin/">Kotlin</a></li><li class="cat-item cat-item-10"><a href="https://tutorial.eyehunts.com/category/android/material-design/">Material Design</a></li><li class="cat-item cat-item-150"><a href="https://tutorial.eyehunts.com/category/memes/">Memes</a></li><li class="cat-item cat-item-578"><a href="https://tutorial.eyehunts.com/category/nodejs/">NodeJS</a></li><li class="cat-item cat-item-595"><a href="https://tutorial.eyehunts.com/category/puzzle/">Puzzle</a></li><li class="cat-item cat-item-30"><a href="https://tutorial.eyehunts.com/category/python/">Python</a></li><li class="cat-item cat-item-510"><a href="https://tutorial.eyehunts.com/category/sql/">SQL</a></li><li class="cat-item cat-item-470"><a href="https://tutorial.eyehunts.com/category/tool/">Tool</a></li><li class="cat-item cat-item-92"><a href="https://tutorial.eyehunts.com/category/typescript/">TypeScript</a></li></ul></div><style type="text/css">.widget_search .search-form .search-submit, .widget_search .search-form .search-field { height: auto; }</style><div id="search-9" class="widget widget_search"><p class="widget-title">Search Topics</p><form role="search" method="get" class="search-form" action="https://tutorial.eyehunts.com/"> <span class="screen-reader-text">Search for...</span> </button></form></div><div id="archives-2" class="widget widget_archive"><p class="widget-title">Archives</p> <label class="screen-reader-text" for="archives-dropdown-2">Archives</label> <select id="archives-dropdown-2" name="archive-dropdown"><option value="">Select Month</option><option value="https://tutorial.eyehunts.com/2023/09/"> September 2023</option><option value="https://tutorial.eyehunts.com/2023/08/"> August 2023</option><option value="https://tutorial.eyehunts.com/2023/07/"> July 2023</option><option value="https://tutorial.eyehunts.com/2023/06/"> June 2023</option><option value="https://tutorial.eyehunts.com/2023/05/"> May 2023</option><option value="https://tutorial.eyehunts.com/2023/04/"> April 2023</option><option value="https://tutorial.eyehunts.com/2023/03/"> March 2023</option><option value="https://tutorial.eyehunts.com/2023/02/"> February 2023</option><option value="https://tutorial.eyehunts.com/2023/01/"> January 2023</option><option value="https://tutorial.eyehunts.com/2022/12/"> December 2022</option><option value="https://tutorial.eyehunts.com/2022/11/"> November 2022</option><option value="https://tutorial.eyehunts.com/2022/10/"> October 2022</option><option value="https://tutorial.eyehunts.com/2022/09/"> September 2022</option><option value="https://tutorial.eyehunts.com/2022/08/"> August 2022</option><option value="https://tutorial.eyehunts.com/2022/07/"> July 2022</option><option value="https://tutorial.eyehunts.com/2022/06/"> June 2022</option><option value="https://tutorial.eyehunts.com/2022/05/"> May 2022</option><option value="https://tutorial.eyehunts.com/2022/04/"> April 2022</option><option value="https://tutorial.eyehunts.com/2022/03/"> March 2022</option><option value="https://tutorial.eyehunts.com/2022/02/"> February 2022</option><option value="https://tutorial.eyehunts.com/2022/01/"> January 2022</option><option value="https://tutorial.eyehunts.com/2021/12/"> December 2021</option><option value="https://tutorial.eyehunts.com/2021/11/"> November 2021</option><option value="https://tutorial.eyehunts.com/2021/10/"> October 2021</option><option value="https://tutorial.eyehunts.com/2021/09/"> September 2021</option><option value="https://tutorial.eyehunts.com/2021/08/"> August 2021</option><option value="https://tutorial.eyehunts.com/2021/07/"> July 2021</option><option value="https://tutorial.eyehunts.com/2021/06/"> June 2021</option><option value="https://tutorial.eyehunts.com/2021/05/"> May 2021</option><option value="https://tutorial.eyehunts.com/2021/04/"> April 2021</option><option value="https://tutorial.eyehunts.com/2021/03/"> March 2021</option><option value="https://tutorial.eyehunts.com/2021/02/"> February 2021</option><option value="https://tutorial.eyehunts.com/2021/01/"> January 2021</option><option value="https://tutorial.eyehunts.com/2020/12/"> December 2020</option><option value="https://tutorial.eyehunts.com/2020/11/"> November 2020</option><option value="https://tutorial.eyehunts.com/2020/10/"> October 2020</option><option value="https://tutorial.eyehunts.com/2020/09/"> September 2020</option><option value="https://tutorial.eyehunts.com/2020/08/"> August 2020</option><option value="https://tutorial.eyehunts.com/2020/07/"> July 2020</option><option value="https://tutorial.eyehunts.com/2020/06/"> June 2020</option><option value="https://tutorial.eyehunts.com/2020/05/"> May 2020</option><option value="https://tutorial.eyehunts.com/2020/04/"> April 2020</option><option value="https://tutorial.eyehunts.com/2020/03/"> March 2020</option><option value="https://tutorial.eyehunts.com/2020/02/"> February 2020</option><option value="https://tutorial.eyehunts.com/2020/01/"> January 2020</option><option value="https://tutorial.eyehunts.com/2019/12/"> December 2019</option><option value="https://tutorial.eyehunts.com/2019/11/"> November 2019</option><option value="https://tutorial.eyehunts.com/2019/10/"> October 2019</option><option value="https://tutorial.eyehunts.com/2019/09/"> September 2019</option><option value="https://tutorial.eyehunts.com/2019/08/"> August 2019</option><option value="https://tutorial.eyehunts.com/2019/07/"> July 2019</option><option value="https://tutorial.eyehunts.com/2019/06/"> June 2019</option><option value="https://tutorial.eyehunts.com/2019/05/"> May 2019</option><option value="https://tutorial.eyehunts.com/2019/04/"> April 2019</option><option value="https://tutorial.eyehunts.com/2019/03/"> March 2019</option><option value="https://tutorial.eyehunts.com/2019/02/"> February 2019</option><option value="https://tutorial.eyehunts.com/2019/01/"> January 2019</option><option value="https://tutorial.eyehunts.com/2018/12/"> December 2018</option><option value="https://tutorial.eyehunts.com/2018/11/"> November 2018</option><option value="https://tutorial.eyehunts.com/2018/10/"> October 2018</option><option value="https://tutorial.eyehunts.com/2018/09/"> September 2018</option><option value="https://tutorial.eyehunts.com/2018/08/"> August 2018</option><option value="https://tutorial.eyehunts.com/2018/07/"> July 2018</option><option value="https://tutorial.eyehunts.com/2018/06/"> June 2018</option><option value="https://tutorial.eyehunts.com/2018/05/"> May 2018</option><option value="https://tutorial.eyehunts.com/2016/09/"> September 2016</option><option value="https://tutorial.eyehunts.com/2016/08/"> August 2016</option><option value="https://tutorial.eyehunts.com/2016/04/"> April 2016</option><option value="https://tutorial.eyehunts.com/2016/03/"> March 2016</option><option value="https://tutorial.eyehunts.com/2015/12/"> December 2015</option></select> </div><div id="blog_subscription-4" class="widget widget_blog_subscription jetpack_subscription_widget"><p class="widget-title">Subscribe</p><div class="wp-block-jetpack-subscriptions__container"><form action="#" method="post" accept-charset="utf-8" id="subscribe-blog-blog_subscription-4" data-blog="104175811" data-post_access_level="everybody"><p id="subscribe-email"> Email Address </label>

Window Variable JavaScript | Declare global variables inside a function

Window Variable JavaScript Example code

Related

Leave a Reply Cancel reply