javascript作用域、预解析笔记

1、作用域

一般情况下，一段代码中所用到的名字并不总是有效可用的，

而限定这个名字（变量）的可用性的代码范围就是这个名字的作用域，可用有效的减少变量名冲突

2、js的作用域(es6)之前:全局作用域,局部作用域

3、全局作用域:整个script标签或者是单独的JS文件

4、局部作用域（函数作用域）,在函数内部就是局部作用域,这个变量名只能在函数内部使用

5、变量作用域

根据作用域的不同,变量分为全局变量,局部变量

注意

如果在函数内部没有声明直接赋值的变量也叫全局变量

函数的形参也是局部变量

全局变量:只有浏览器关闭的时候才会销毁,比较占内存

局部变量:当程序执行完毕就会销毁,比较节约内存

6、现阶段JS没有块级作用域

在es6中有块级作用域

块级作用域 {} if{} for{}

7、作用域链

内部函数访问外部函数采用的就是链试这种结果就是作用域链 (就近原则)

预解析

先预解析然后执行代码

JS引擎会把var和function全部提到当前作用域的最前面然后按照代码的顺序从上往下执行

预解析分为变量预解析和函数预解析

变量提升~~~~~~ 变量声明提升到当前作用域的最前面不提升赋值操作

函数提升~~~~~~ 函数声明提升到当前作用域的最前面不调用函数

函数表达式函数的调用必须写在函数表达式函数的下面

     // 局部变量

     function fn() {

         var num = 9;

         console.log(num);

     }

     fn()

     // 作用域链

     var num = 7;

     function fn1() { // 外部函数

         var num = 3;

         function fn2() { // 内部函数    内部函数可以访问外部函数

             console.log(num);

             var sum = 4;

         }

         fn2()

     }

     fn1()

     console.log(num1); //坑1

     var num1 = 80

     fun() //坑2

     var fun = function () {

         console.log(66);

     }

     // 经典预解析案例

     f1()

     console.log(c);

     console.log(b);

     console.log(a);

     function f1() {

         var a = b = c = 9;

         // 相当于var a=9;b=9;c=9   b,c 没有声明直接赋值就是全局变量

         console.log(a);

         console.log(b);

         console.log(c);

     }

     // 99999 a is not defined

巴特西

javascript作用域、预解析笔记

1、作用域

注意

预解析

最新文章

热门文章