JS的解析过程和作用域

预处理:

优先加载函数声明式;var定义的变量,默认值为undefined

JS的解析过程和作用域

这里a为undefined;fn为fn(){};

      那么问题来了,当变量名也为fn的时候输出为多少?

JS的解析过程和作用域

  我想聪明的小伙伴都已经有了答案,是的确实是fn(){}函数,当变量和函数冲突的时候我们优先选择函数;

变量和变量冲突的时候可以不管,函数和函数冲突的时候覆盖;

    如下图所示:

JS的解析过程和作用域

     作用域:

     定义:决定一个变量的范围

     块级作用域:大多数语言以大括号为块作用域{}如下图所示:

     JS的解析过程和作用域

     可以看出js没有块级作用域;按小编的理解只有函数的{}内定义的变量不能在函数外使用,其他一律可以;


     js没有绝对的函数作用域;

     动态作用域:只有当运行的时候才确定变量的作用域

    JS的解析过程和作用域

运行结果我们可以看出不论函数fn还是fn1都不能提供一个x给f按照上面所说,js中获得不到

var定义的变量故可以知道,js没有动态作用域;

词法作用域:

原理: 在函数创建时(解析器读取代码时),就给函数添加了一个[[scope]]成员,[[scope]]指向该函数创建的环境,
当函数真正执行时,会创建自己的词法环境[[le]],并使自己的[[le]]关联[[scope]],
那么该函数可以获得的成员属性,就为自己的[[le]]和[[scope]],就算该函数脱离了创建环境,也可以拿到之前的成员属性

                            

JS的解析过程和作用域


__>>引用