JS函数及闭包

函数的调用方式

1.

 <button οnclick="fn()">按钮</button>

2.

     fn();
     function fn(){
     // alert(1)
     for(var i=0;i<5;i++){
     document.write('hello js<br>');
     }
     }

函数的传参方式

1.

fn('hello','world')

2.

<button οnclick="fn('hello','world')">11</button>

作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期

（作用域 就是指 在哪里能被访问）

变量的作用域有两种 ：全局作用域和局部作用域

局部变量的作用域 只能在函数内部被访问

在函数内部声明的变量（必须使用var或let或const来定义一下），只能在函数内部访问它，如果不使用var或let或const来定义一下，就会变成全局变

可以在不同的函数中使用名称相同的局部变量

let a = 1;
function fn(){
    let a = 2;
function fn2(){
    let a = 3;
    document.write(a);
}
fn2()
}
fn();

作用域链遵循就近原则，如果在当前的作用域下，存在变量，那么就优先找自己作用域下的变量。

如果找不到就会一层一层向上寻找，直到找到，如果一直向上寻找也找不到，就会报错

function fn1(){
let str = '听我说谢谢你'
return function fn2(){
document.write(str);
}
}
let fn2 = fn1();
fn2()

如上图所示，fn1()函数里的所有变量fn2()函数都是可见的，但是fn2()里的变量，fn1()是不可见的

JS特有的"链式作用域"结构（父对象的所有变量，对子对象都是可见的，反之则不成立）

如上图所示，代码中的内部函数(f2)就是闭包

闭包就是能够读取其他函数内部变量的函数，是将函数内部和函数外部连接起来的一座桥梁

闭包的用途：可以读取函数内部的变量，让这些变量的值始终保持在内存中

闭包会使得函数中的变量都被保存在内存中，内存消耗很大，

所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露