Js中的作用域和生命周期

最新推荐文章于 2023-05-15 19:27:08 发布

原创最新推荐文章于 2023-05-15 19:27:08 发布 · 392 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

H5 同时被 2 个专栏收录

23 篇文章

订阅专栏

JavaScript

13 篇文章

订阅专栏

本文探讨了JavaScript中的作用域，包括局部变量、全局变量和块级作用域，并阐述了变量的生命周期，指出局部变量在函数执行结束后销毁，全局变量则在代码执行完毕时才销毁。建议尽量使用局部变量以减少内存占用。

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

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

局部变量

函数内部定义的变量, 只能在函数内部使用, 所以称作局部变量. 一般情况,函数执行结束,局部变量会被销毁.

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

全局变量

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

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

</script>

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

</script>

块级作用域

函数内部是一个范围, 函数外部又是另一个范围,

在代码中单纯的一对大括号 { } 也会被看成特殊的范围, 叫做块级作用域.

块级作用域中用 let 和 const 声明定义的变量和常量, 会在块级作用域外无效.

{
	let str = '张三真帅'
}
alert(str)  // 报错. str 变量未定义

总结:

生命周期:

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

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

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