JavaScript 变量的作用域与生命周期

变量的作用域与生命周期

作用域：变量在哪个范围区间内可以使用

生命周期：变量从创建后, 什么时候被销毁掉

作用域

局部变量

函数内部定义的变量, 只能在函数内部使用, 所以称作局部变量

<script>
	function test(){
        let a = 100
    }
    test()
    alert(a) 
     // 在函数外不能访问 函数内部定义的变量
</script>

全局变量

所有函数外部定义的变量, 即可以在函数内部使用,也可以在函数外部使用, 所以称为全局变量

一般情况下函数执行结束,局部变量会被销毁

<script>
	let a = 100
    test()
    function test(){
        alert(a)           // 100     函数内部也可以访问全局变量
    }
</script>

<script>
	let a = 100
    test()
    function test(){
    	let a = 30
        alert(a)  //  30先在当前作用域找,没有的情况下再尝试到更大的作用域中查找
    }
</script>

块级作用域

在代码中单纯的一对大括号 { } 也会被看成特殊的范围, 叫做块级
作用域
块级作用域中用 let和const声明定义的变量和常量, 会在块
级作用域外无效
函数内部是一个范围, 函数外部又是另一个范围,

{
	let str = '哈哈哈'
}
alert(str)       // 报错. str 变量未定义

生命周期

局部变量可以理解为在函数中定义 在函数中使用 函数结束时 自动销毁

全局变量从定义位置开始, 一直到整个代码结束, 才会销毁

因为局部变量占用内存空间的时间短, 所以尽量使用局部变量