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

JavaScript023

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>

您好:目测第一个结果应该会出错,第二个是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增加一些很乱的对象。不利于以后维护。