JavaScript 作用域

最新推荐文章于 2024-10-01 20:12:28 发布

weixin_30825581

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量69

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/linwx/articles/7660691.html

版权

1.作用域精讲

1.[[scope]]属性

　　函数是全局的对象，每个对象都有属性，有一些属性可以被访问，有一些则不行，例如[[scope]]属性，属于隐式属性。所说的作用域，存储着我们执行期上下文的集合。

2.运行期上下文

　　当函数执行时，会创建一个称为执行期上下文的内部对象。一个执行器上下文定义了一个函数执行时的环境，函数每次调用时都会新建一个执行期上下文，是独一无二的，多次调用创建多个，执行完即销毁。

function a(){
    //...
}
//a defined a[[scope]]--> 0 : GO(全局对象)
//a doing a[[scope]]--> 0 : A0
//      　　　　　　　　　　1 : GO

3.查找变量

　　从作用域链的顶部开始依次向下执行。

4.闭包

当内部函数被保存到外部函数时，将会产生闭包。闭包导致原有的作用域链不释放，造成内存泄露。

 1 function a(){
 2     var aa=123;
 3     function b(){
 4         a--;
 5         console.log(a);
 6     }
 7     return b;
 8 }
 9     var demo=a();   //a执行完的return b函数给 demo；
10     demo(); // b执行
11 // a defined  a[[scope]] --> 0 : GO
12 
13 // b defined  b[[scope]] --> 0 : AO
14 //                           1 : GO
15 
16 //a doing   a[[scope]] -->  0 : AO
17 //                          1 : GO

b[[scope]]如下：

//输出结果 10 10 10 10 10 10 10 10 10 10
//要想输出 0 1 2 3 4 5...

function test(){
    var arr=[];
    for(var i=0;i<10;i++){
      //闭包
        (function (j){
            //j= i;
            var arr[i] = function (){
                document.write(j+' ');
            }
        }(i));      //立即执行函数,
    }
    return arr;
}
var myArr = test();
for(var j = 0;j < 10; j++){
    myArr[i]();
}

//10个立即执行函数
分别指向不同的 -->  AO;

5.闭包的作用

实现公有变量 eg：累加器

function a(){
    var count=0;
    function b(){
        count++;
        console.log(count);
    }
  return b;
}
var demo=a();
demo();  // 1
demo();  // 2