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

JavaScript015

js中全局变量应该怎么设置?,第1张

首先吧,你得知道什么是全局变量:

javascript的变量作用域是根据方法块儿来限定的,方法块儿内声明的变量叫局部变量,方法块儿外声明的变量叫全局变量。

有三种方式声明全局变量:

方法1,在方法块儿外拿var声明:

<script>

    var a=1

    function(){

        //我是代码

    }

</script>

方法2,不实用var,进行隐式声明:

<script>

    b=1

    function(){

        c=2

        //b和c都是全局变量。

    }

</script>

方法3,用window.变量方式声明:

<script>

    function(){

        window.d=1

    }

    console.log(d)

    //d为全局变量。

</script>

一、定义及使用全局变量

1.在js的function外定义一个变量

var name='测试'

function XX(){

    alert(name)

}

2.不使用var,直接给定义变量,隐式的声明了全局变量

name='测试'

function XX(){

    alert(name)

}

这种方法,即使该变量是在一个function内,当该function被执行后它变成了全局变量 ---- 但是function不执行它就不被其他function知道,所以最好定义在function外

3.使用window.变量名定义为全局变量,但是注意:调用时候建议写上window.变量名,当然也可以不写;我们常用的document.getXXX的document对象就是window的

window.name='测试'

function XX(){

    alert(window.name)

}

二、使用全局变量

全局变量的优点:

可以减少变量的个数,减少由于实际参数和形式参数的数据传递带来的时间消耗。

全局变量的缺点:

(1)全局变量保存在静态存贮区,程序开始运行时为其分配内存,程序结束释放该内存。与局部变量的动态分配、动态释放相比,生存期比较长,因此过多的全局变量会占用较多的内存单元。

(2)全局变量破坏了函数的封装性能。函数象一个黑匣子,一般是通过函数参数和返回值进行输入输出,函数内部实现相对独立。但函数中如果使用了全局变量,那么函数体内的语句就可以绕过函数参数和返回值进行存取,这种情况破坏了函数的独立性,使函数对全局变量产生依赖。同时,也降低了该函数的可移植性。

(3)全局变量使函数的代码可读性降低。由于多个函数都可能使用全局变量,函数执行时全局变量的值可能随时发生变化,对于程序的查错和调试都非常不利。

因此,如果不是万不得已,最好不要使用全局变量。

您好:目测第一个结果应该会出错,第二个是undifind.首先明确变量声明中带var和不带的区别。

①如果在函数体外,带var和不带var都是全局变量。

②如果在函数体内,带var的是局部变量,运行结束后就会销毁。而不带var的依然是全局变量,属于window对象。

③带var的全局变量是立刻在内存中创建一块区域存储这个值,所以在js解析的时候会前置到最前面。而如果不带var,只能运行到此处的时候,再去查找所有的全局变量有没有声明,如果没声明才去创建内存区域存储这个值。

由此,你第一张图中,x=3中,运行到abc()调用的时候,alert(x)中的x在window对象中还没有声明,应该会出现x未定义的错误。你可以试一下,把x=3放到abc()之前,就可以得到正确结果3了。因为这样,abc调用之前,x=3已经声明并且分配了内存值。

图二中,在上面③中已经说明,带var的在运行时候会将声明会前置,所以解析器解析时候的代码就变成了:

  var x

  funtion abc()

  {

      alert(x)

  }

  abc()

  x=3

所以图2的结果,声明了,但是未赋值,所以结果是undifind.

但是,虽然js中允许声明不带var的变量,但是为了代码的可维护,可读性更好。建议都加var。不带的话可能会给window增加一些很乱的对象。不利于以后维护。