js中的作用域及闭包

1.作用域是一套规则，是用来管理引擎如何在当前作用域以及其嵌套的子作用域中根据变量名查找变量。

每次查询变量的时候，都会先在其当前的作用域中查找，如果没有找到，因为作用域是存在嵌套的，则会向上级作用域继续查找，就这样一直往上，直到你所要查询的东西被查询到。

作用域共有两种模型：词法作用域和动态作用域。词法作用域是最普遍的,js采用词法作用域。词法作用域是在你写代码的时候将代码变量写在哪儿决定的。（其中，词法：函数作用域是在函数定义的时候产生的，动态：函数作用域是在函数调用的时候产生的）

函数的作用域会产生气泡。其他的结构是不会的。

js中都有哪些作用域？

全局作用域，函数作用域，块作用域。

2.闭包

闭包是指有权访问另一个函数作用域中的变量的函数。

特性：

1.函数嵌套函数

2.函数内部可以引用外部的参数和变量

3.参数和变量不会被垃圾回收机制回收

理解作用域链：当函数被调用的时候，会创建一个执行环境及相应的作用域链。然后使用arguments和其他命名参数的值来初始化函数的活动对象。但在作用域链中，外部函数的活动对象始终处于第二位，外部函数的外部函数的活动对象处于第三位，......直至作为作用域终点的全局执行环境。

function compare(value1,value2){
   if(value1<value2){
     return -1;
   }else if(value1>value2){
     return 1;
   }else{
     return 0;
   }
}
var result=compare(5,10);

作用域链本质上是一个指向变量对象的指针列表，它只引用但不实际包含变量对象。一般来讲，当函数执行完毕之后，局部活动对象就会被销毁，内存中仅保存全局作用域（全局执行环境的变量对象）。但是，闭包的情况不一样。

function createcomparisonFunction(propertyName){
   return function(object1,object2){
    var value1=object1[propertyName];
    var value2=object2[propertyName];
    if(value1<value2){
     return -1;
    }else if(value1>value2){
      return 1;
    }else{
      return 0;
    }
    }
}

匿名函数从createComparisonFunction()中被返回后，它的作用域链被初始化为包含createComparisonFunction()函数的活动对象和全局变量对象，这样匿名函数就能访问在createComparisonFunction()中定义的所有变量，更为重要的是createComparisonFunction()执行完毕之后，其活动对象也不会被销毁，因为匿名函数的作用域链仍然在引用这个活动对象。换句话说，当createComparisonFunction()函数返回后，其执行环境作用域被销毁，但它的活动对象仍然留在内存中；直至匿名函数被销毁后，createComparisonFunction()的活动对象才会被销毁。

关于this对象：在闭包中使用this对象存在一些问题。匿名函数的执行环境具有全局性，其this对象通常指向window

另参考网友总结：https://blog.csdn.net/qq_29066959/article/details/50803576

关于闭包的几个例子：

function foo(x) {
        var tmp=3;
        return function (y) {//y=6
            alert(x+y+(++tmp));//13
        }
    }
    var bar=foo(3);//达到一个传值的作用
    bar(6)

 var name = 'global';
    var obj = {
        name : 'obj',
        dose : function(){
            this.name = 'dose';
            return function(){
                return this.name;//匿名函数中的this指向全局变量
            }
        }
    }
    alert(obj.dose().call(this))
    //'global'

3 .闭包只能取得包含函数中任何变量的最后一个值。

<ul id="test">
  <li>这是第一条alert(0);</li>
  <li>这是第二条alert(1);</li>
  <li>这是第三条alert(2);</li>
</ul>
<script type="text/javascript">
  var elements = document.getElementById('test').querySelectorAll('li');
  for (var i = 0; i < elements.length; i++) {
    elements[i].onclick = function () {
    　　alert(i);
    }
　 }
</script>

每条都是3。

4.下面的题结合作用域链进行考虑。考虑内外活动对象的存活时间。

function Foo(){
		var i=0;
		return function(){
			console.log(i++);
		}
	}
	var f1=Foo();
	var f2=Foo();
	f1();//0
	f1();//1
	f2();//0

js中的作用域及闭包

2.闭包

猜你喜欢