完美

[学习|工作|博客|交流平台|完美起航]
 详情

javascript作用域与函数与闭包

时间:[2018-04-01 23:22:17] 作者:[ zyw327 ] 点击:[ 31262 ]

使用递归获取后代元素

作用域

什么是作用域

变量起作用的范围

什么是块级作用域

JS中没有块级作用域,使用代码块限定的作用域就是块级作用域

JS中的作用域叫做 词法作用域

词法作用域

在代码写好的时候,就能确定变量的作用域,这种作用域就是词法作用域

动态作用域.(是词法作用域就不可能是动态作用域)

在js当中,只有函数能创造作用域

var num = 123; 
function f1(){ 
    console.log(num);  //如果是动态作用域打印的就是456 如果是词法作用域 打印123 
} 
function f2(){ 
    var num = 456; 
    f1(); 
} 
f2();

变量提升

JS代码的运行分两个阶段 预解析阶段 变量名和函数提升 将var声明的变量名和function开头的函数进行提升 提升到当前作用域的最上方 * 执行阶段


注意: 1.变量和函数同名的时候 只提升函数,忽略变量名 2.函数同名的时候 都提升,但是后面的函数会覆盖前面的函数 3.函数表达式,只会提升变量名,不会提后面的函数


4.变量提升只会将变量和函数提升到当前作用域的最上方

 funciton foo(){ 
    var num =123; 
 }

5.变量提升是分块 <script> 的

<script> 
t>
foo() fun(){ 
    o(){
  .lco("第一个script标签内的函数") 
}; 
</script> 
 
<script> 
t>
foo() fun(){ 
    o(){
  .lco("第2个script标签内的函数") 
} 
</script>

6.条件式函数声明 能否被提升,取决于浏览器, 不推荐使用!!!

foo();//会报错,因为未被提升
if(true){
    function foo(){
    }
}

作用域链

只要是函数都有作用域,函数内部的作用域可以访问函数外部的作用域

当多个函数嵌套的时候,就会形成一个链式的结构,这个就是作用域链

绘制作用域链图的步骤

1.先绘制0级作用域链

2.在全局作用域中查找,变量和函数的声明,找到之后,将所有的变量和函数用小方格放在0级作用域链上

3.再从0级作用域链上的函数引出1级作用域链

4.再去每一个1级作用域链中查找变量和函数的声明,找到之后.....

5.以此重复,就画好了整个作用域链

变量的搜索规则

1.首先在访问变量的作用域中查找该变量,如果找到直接使用

2.如果没有找到,去上一级作用域中继续查找,如果如果找到直接使用

3.如果没有找到,继续去上一级作用域中继续查找,直到全局作用域

4.如果找到了就用,如果没有直到就报错

闭包

闭包是什么

一个封闭的对外不公开的包裹结构或空间

js中的闭包是函数

闭包要解决的问题

1、在函数外部访问不到函数内部的数据

2、要解决的问题就是需要在外部间接的访问函数内部的数据

闭包的基本结构

function outer(){ 
    var data = "数据"; 
    return function(){ 
        return data; 
    } 
}
function outer(){ 
    var data = "数据"; 
    var data1 = "数据1"; 
    return { 
        getData:function(){ 
            return data; 
        }, 
        getData1:function(){ 
            return data1; 
        } 
    } 
}
function outer(){ 
        var data = "数据"; 
        return { 
            getData:function(){ 
                return data; 
            }, 
            setData:function(value){ 
                data = value; 
                return data; 
            } 
        } 
}

闭包的作用

如果把数据放在全局作用域内,那么所有人都可以随意修改,这个数据就不再可靠。

闭包可以创建一个私有空间,在这个空间内部的数据,外部无法直接访问

外部空间想要访问函数内部的数据,只能通过闭包提供的指定的方法,在这个方法内部 可以设置一些校验规则,让数据变得更加的安全。

 2   0
 相关评论

zyw327

姓名:  
zyw327
QQ号码:  
327523057
职位:  
NODEJS
GITHUB主页:  
个性签名:  
宝剑锋从磨砺出,梅花香自苦寒来

关注     私信