码迷,mamicode.com
首页 > Web开发 > 详细

js变量的生命周期

时间:2019-01-15 14:30:21      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:log   函数   提升   引擎   bubuko   垃圾回收   对象   现在   而不是   

变量的生命周期

 

1.声明

全局变量:全局声明的变量
局部变量:函数内声明的变量,函数参数


声明局部变量的时候必须用var,否则产生的是全局变量

1 scope = "global";
2 function checkscope2() {
3     scope = "local";
4     myscope = "local";
5 }
6 checkscope2();
7 console.log(scope);//输出local,全局变量被修改
8 console.log(myscope);//输出local,全局命名空间被搞乱了

使用var声明的变量是不可配置的,即无法通过delete运算符删除

 
1 var truevar = 1;//不可配置的全局变量
2 fakevar = 2;
3 this.fakevar2 = 2;
4 delete truevar;//出错
5 delete fakevar;//执行成功
6 delete this.fakevar2;//执行成功

 

在函数内部中局部变量会遮盖同名的全局变量

 
1 var scope = “global”;//声明一个全局变量
2 function checkscope(){
3     var scope = “local”;//声明一个同名的局部变量
4     console.log(scope);//输出”local”
5 }
 

2.变量提升(变量声明提前)

即函数中声明的所有变量都被“提前”至函数体的顶部,这步操作是在代码开始运行之前的JavaScript引擎预编译时执行的。 
例:

 
1 var scope = “global”;
2 function f(){
3   console.log(scope);//输出”undefined”,而不是”global”
4   var scope = “local”;//变量在这里声明且赋初值,但变量本身在函数体内任何地方均是有定义的
5   console.log(scope);//输出”local”
6 }

实际上,上述的代码等价于:

1 var scope = “global”;
2 function f(){
3   var scope
4    console.log(scope);//输出”undefined”,而不是”global”
5    scope = “local”;//变量在这里声明且赋初值,但变量本身在函数体内任何地方均是有定义的
6    console.log(scope);//输出”local”
7 }
 

3.全局变量与局部变量的作用域

全局变量:当声明一个全局变量时,实际上是定义了全局对象window的一个属性,在任何地方都可以对其进行访问

局部变量:局部变量在声明它的函数体内以及其所嵌套的函数体内是有定义的。

作用域链:

 
 1 var color = "blue";
 2 function changeColor(){
 3     var anotherColor = "red";
 4     function swapColors(){
 5         var tempColor = anotherColor;
 6         anotherColor = color;
 7         color = tempColor;
 8         // 这里可以访问 color、anotherColor和tempColor
 9     }
10     //这里可以访问color和anotherColor,但不能访问tempColor
11     swapColors();
12 }
13 // 这里只能访问 color changeColor();        

技术分享图片

矩形表示特定的执行环境 
其中,内部环境可以通过作用域链访问所有的外部环境,但 外部环境不能访问内部环境中的任何变量和函数。。每个环境都 可以向上搜索作用域链,以查询变量和函数名;但任何环境都不能通过向下搜索作用域链而进入另一个执行环境。

对于上面的例子而言,其作用域链中包含 3个对象:swapColors()的变 量对象、changeColor()的变量对象和全局变量对象。swapColors()的局部环境开始时会先在自己的 变量对象中搜索变量和函数名,如果搜索不到则再搜索上一级作用域链,即changeColor()的作用域链 

作用域链的延长 :

 
 1 var outer = {
 2     value : "outer",
 3     index : 0
 4 }
 5 function test() {
 6     var inner = "inner";
 7     with(outer){//将outer对象添加到此作用域,可以在其中直接使用其方法和属性
 8         value = inner;
 9     }
10 }
11 test();
12 console.log(outer.value);//输出"outer"

除了with,我们还可以使用catch延长作用域链

5.垃圾回收

标记清除(常用):

工作原理:是当变量进入环境时,将这个变量标记为“进入环境”。当变量离开环境时,则将其标记为“离开环境”。标记“离开环境”的就回收内存。

工作流程:

1.垃圾回收器,在运行的时候会给存储在内存中的所有变量都加上标记。

2.去掉环境中的变量以及被环境中的变量引用的变量的标记。

3.再被加上标记的会被视为准备删除的变量。

4.垃圾回收器完成内存清除工作,销毁那些带标记的值并回收他们所占用的内存空间。

引用计数:

工作原理:跟踪记录每个值被引用的次数。

工作流程:

1.声明了一个变量并将一个引用类型的值赋值给这个变量,这个引用类型值的引用次数就是1。

2.同一个值又被赋值给另一个变量,这个引用类型值的引用次数加1.

3.当包含这个引用类型值的变量又被赋值成另一个值了,那么这个引用类型值的引用次数减1.

4.当引用次数变成0时,说明没办法访问这个值了。

5.当垃圾收集器下一次运行时,它就会释放引用次数是0的值所占的内存。

弊端:在循环循环引用中变量的引用次数不会为零则变量不会被回收

 
1 function test(){
2     var a={};
3     var b={};
4     a.prop=b;//a的引用次数为2
5     b.prop=a;//b的引用次数为2
6 }

 

而为了解决这种问题,可以显性地切断引用,即将变量的值设为null

现在大部分的浏览器都是采用标记清除的垃圾回收机制,而IE的BOM和DOM中的对象是以引用计数方式进行垃圾回收的COM对象的形式存在的,所以会有导致变量不能被回收的现象。但是在IE9之后就取消了COM对象的形式。

js变量的生命周期

标签:log   函数   提升   引擎   bubuko   垃圾回收   对象   现在   而不是   

原文地址:https://www.cnblogs.com/wament/p/10271091.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!