javascript中的作用域、作用域链、预解析、闭包

作用域:就是变量的使用范围
局部作用域和全局作用域
js中没有块级作用域,——对括号中定义的变量,这个变量可以在大括号中使用
函数中定义的变量是局部变量

函数中定义的变量是局部变量

 function fn1 () {
//局部变量
            var num = 10;
        }
        console.log(num);//访问不到的
function fn1 () {
//局部变量
            var num = 10;
           console.log(num);//访问得到的
        }

作用域链

作用域链——变量的使用,从里向外,层层的搜索,搜索到了,就可以直接使用了
层层的搜索,搜索到0级作用域的时候,如果还是没搜索到这个变量,就会报错

            var num = 10; //作用域链级别0
            function fn1 (){
                var num = 20; //作用域链级别1
                function fn2 () {
                    var num = 30; //作用域链级别2
                    console.log(num);
                }
                fn2();
            }
            fn1();

预解析

预解析,就是在浏览器解析代码之前,把变量的生命和函数的声明提前(提升)到该作用域的上面

                   //变量的提升
            console.log(num);
            var num = 10;
//函数的声明被提前了
            fn1();
            function fn1 () {
                console.log('这个函数执行了');
            }

/*fn2();
           var fn2 = function() {
            console.log('这个函数不能执行');
           };*/
          
          //提升的代码顺序
          /*var fn2;//未定义,undefined
          fn2();
          fn2 = function() {
            console.log('这个函数不能执行');
           };*/
//这样写就可以执行
          var fn2;//未定义,undefined
          fn2 = function() {
            console.log('这个函数能执行');
           };
           fn2();

闭包

闭包的概念:函数A中,有一个函数B,函数B中可以访问函数A中定义的变量或者数据
此时形成了闭包(这句话暂时不严谨)
闭包的作用:缓存数据,延长作用域链
闭包的优点和缺点:缓存数据
闭包的模式:函数模式的闭包和对象模式的闭包
闭包的应用

//函数模式的闭包,在一个函数中有一个函数
            function f1() {
                var num = 10;
                //函数的声明
                function f2() {
                    console.log(num);
                }
                //函数的调用
                f2();
            }
            f1();
            
//对象的闭包,函数中有一个对象,这个对象可以访问函数中的变量
            function f3() {
                var num = 10;
                var obj = {
                    age: num
                };
                console.log(obj.age);//10
            }
            f3();
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容