全局变量和局部变量

一。全局变量：

全局变量的作用域 在全局中都能被访问

全局变量：在函数外声明的变量，网页上的所有脚本和函数都能访问它

生存期 全局变量在页面关闭后被删除

        <script>
    let a='恭喜发财'
    function fn1(){
        document.write('我是fn1的：'+a+'<br>');
    }
    fn1();
    function fn2(){
        document.write('我是fn2的：'+a);
    }
    fn2()
</script>

二。局部变量：

局部变量在函数运行以后被删除（垃圾回收机制 简称 GC） 变量被释放了，所以会提高性能

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

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

在函数内部声明的变量（必须使用var或let或const来定义一下），只能在函数内部访问它

   <script>
   
    function fn1(){
        let a='恭喜发财'
        document.write('我是fn1的：'+a+'<br>');
    }
    fn1();
    function fn2(){
        let a='恭喜发财'
        document.write('我是fn2的：'+a);
    }
    fn2()
</script>

    <script>
  let a=fn()
  document.write(a);
  function fn()
  {使用 return 时，函数会停止执行，并返回指定的值
      return '大家好才是真的好'
      document.write('广州好迪');
  }
</script>

       <button onclick="fn()"><h1>增加数据</h1></button>
<button onclick="fa()"><h1>删除数据</h1></button>
<button onclick="fb()"><h1>修改数据</h1></button>
<script>
    let a = ['张三', '30', '闷骚']
    console.log('初始数据为：'+a)
    function fn() {
        for (i = 1; i <= 5; i++) {
            // 使用循环规定添加内容次数为5次
            let b = prompt('输入添加的数据')
            // 把b地数据添加到a里面
            a.push(b)
        }
        console.log('添加后的数据为：'+a);
        let c = prompt('查询位置')
        // 如果输入c的内容不在a里面
        if (a.indexOf(c) == -1) {
            console.log('对不起，您输入的数据不存在')
        } else {
            // 显示输入c的内容在a地位置，因为数组下标从0开始，为了方便所有人都清楚，在最后面加1,就是下标从1开始
            let z = a.indexOf(c) + 1;
            console.log('您输入的数据是：' + c + '您所查询的数据所在位置为：' + z);
        }
    }

    function fa() {
        let c = prompt('输入你想删除的数据')
        a.splice(a.indexOf(c), 1)
        console.log('删除后的数据为：'+a);
    }
    function fb() {
        let c = prompt('被替换的内容')
        let b = prompt('替换的内容')
        a.splice(a.indexOf(c), 1, b)
        console.log('替换后的数据为：'+a);
    }
</script>

三。作用域

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

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

所有末定义直接赋值的变量自动声明为拥有全局作用域

<script>
最外层函数(例如：下面的fn)和在最外层函数外面定义的变量拥有全局作用域
    let b = 456;
    function fn() {
        let a = 123;
        document.write(b);
        function fn2() {
            document.write(a);
            document.write(b);
        }
        fn2();
    }
    fn();
</script>

四。作用域链

作用域链 先从当前寻找，如果找不到就会一层一层向上寻找， 直到找到，如果一直向上寻找也找不到，就会报错 就近原则，如果当前的作用域下，就存在变量，那么就优先找自己作用域下的变量

    <script>
    let b = 456;
    function fn() {
        let b = 123
        function fn2() {
            // let b = 111
            document.write(b);
        }
        fn2()
    }
    fn()
</script>

五。闭包

闭包就是为了 访问函数内部的变量

闭包就是能够读取其他函数内部变量的函数

可以把闭包简单理解成"定义在一个函数内部的函数"

是将函数内部和函数外部连接起来的一座桥梁

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

闭包会使得函数中的变量都被保存在内存中，内存消耗很大， 所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露

闭包会在父函数外部，改变父函数内部变量的值

   <script>
 function fn1(){
            /* fn1函数中的局部变量 */
            let str = '听我说谢谢你'
            /* 返回一个匿名函数 */
            return function fn2(){
                document.write(str);
            }
        }
        let fn2 = fn1();
        fn2()
</script>

  <script>
    //  定义一个全局的变量
    let d;
    function fn1() {
        let a = 1
         /* 使用全局函数来改变局部变量的值 */
        d = function () {
            a++
        }
      return  function fn2() {
          /* 因为fn2 一直在使用b这个局部变量，
            导致b这个变量一直被垃圾回收机制所回收
            所以全局函数add可以对b这个局部变量进行累加 */
            document.write(a+'<br>');
        }
    }
    let fn2 = fn1()
    fn2()
    d()
    fn2()
    d()
    fn2()
    
</script>