js声明全局变量的方式

Posted JourneyT

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js声明全局变量的方式相关的知识,希望对你有一定的参考价值。

在js中有3中声明全局变量的方式

第一种使用var+变量名,在方法外部声明:

 
 1 var msg; //默认值undefined
 2 $(function(){
 3     setmsg();
 4     showmsg();
 5 })
 6 function setmsg(){
 7     msg = "hello world";
 8 }
 9 function showmsg(){
10     alert(msg);
11 }
 

第二种方式在方法内部声明,但是不使用var关键字:

 
 1 $(function(){
 2    setmsg();
 3    showmsg();
 4 })
 5 function setmsg(){
 6    msg = "hello world";
 7 }
 8 function showmsg(){
 9    alert(msg);
10 }
 

第三种是使用window全局对象:

 
 1 $(function(){
 2    setmsg();
 3    showmsg();
 4 })
 5 function setmsg(){
 6     window.msg = "hello world";
 7 }
 8 function showmsg(){
 9     alert(window.msg);
10 }
 

三种方式的运行结果都是相同的

以上是关于js声明全局变量的方式的主要内容,如果未能解决你的问题,请参考以下文章

js中全局变量应该怎么设置?

JS作用域作用域链

基于JavaScript 声明全局变量的三种方式详解

js中的全局变量

js如何在方法内部定义全局变量

基于JavaScript 声明全局变量的三种方式详解