JS函数作用域、闭包

1、函数作用域

1、两个不同的script标签，先执行完前一个全部代码，并且后面的script能用前面的script变量

2、在同一个script里面按从上到下执行顺序是不可理的

/*
在同一个作用域里面（代码的执行步骤）：
    1、定义
        var a(定义变量)
        函数的定义（有名函数的定义）
    2、执行（除了定义都是执行，从上往下）
*/
alert(a);//undefind
var a = '楠楠';

2、新的作用域和作用域链

新作用域：

​ 每遇到新的作用域，就会开始新的定义和执行步骤，在新的作用域执行完毕后再回到上级作用域继续执行；

作用域链：

​ 在执行时遇到变量时就会在当前作用域寻找，如果没有找到，就会向父级寻找，如果一直没有找到，就会返回undefined（注意：undefined是找到了，但是没有赋值），父级不能向子级寻找变量

var name = '纷纷';
function fn(){
    console.log(name); //undefined
    var name = '楠楠';
    console.log(name); //楠楠
}
​
fn();

3、闭包

/*
闭包：
    inter函数能够持久保存自己定义时所处的环境，在哪里调用，都会记住自己所处的环境，
    并且把声明的变量和环境封装成一个封闭的环境，我们称之为‘闭包’；
    一个函数也是一个闭包
*/
function outer(){
    var a = 3;
    function inter(){
        console.log(a);
    }
    return inter;
}
var fna = outer();//inter
fna();

闭包的性质：

​ 1、每次重新引用函数的时候，闭包都是全新的；

 

最常用的闭包：

    

        
1
        
2
        
3
        
4
    


​

运行结果图：（实现点击对应的方格弹出对应的数字）