js的执行过程
js代码不是构建之前进行编译的,而是在代码执行前很短的一段时间内,引擎没有那么多的时间来进行优化
作用域
程序具有的基本功能之一,是能够储存变量,并在程序执行时能够找到变量的值,用来计算,涉及到变量的存储和取值,有一套规则,就是作用域
在程序编译的过程中,分三步
- 首先是分词,词法分析,比如var a=1这个语句,会被拆为var a = 2,就是将所写的代码拆成代码块
- 第二部,生成抽象语法树,将第一步生成的代码块生成一个执行的语法树
- 第三部,将抽象语法树生成可执行的代码,即将var a=2生成机器可执行的01代码
var a=2的执行过程
编译器先进行此法分析,生成语法解析树,接下来会生成生成引擎执行所需要的代码
- 假设生成的代码逻辑:为一个变量a生成一个内存空间,并把2赋给它
- 实际上:编译器遇到var a这个代码,首先会询问作用域是否已经有a这个变量,如果有,编译器会忽略这个变量声明继续编译,如果没有,则作用域会在当前作用域的集合中声明一个变量,并命名为a
接下来编译器为引擎生成a=2这个操作的可执行代码,引擎执行过程中,会询问当前作用域是否存在a这个变量,如果存在,则将2赋给这个变量,如果不存在,引擎会继续向上层作用域询问是否存在,如果到了顶层没找到,引擎结束查找,并抛出一个错误
引擎抛出的错误类型 - referceerror:引擎执行RHS查找时,如果这个变量未声明,会抛出referceerror错误,RHS查找一般用于取值操作,即赋值操作=右侧的变量,在非严格模式下,进行LHS查找,即赋值操作,引擎如果在全局作用域中没有找到变量,则全局作用域会创建一个变量,并返回给引擎,并不会抛出错误
- typeerror :试图对一个变量进行不合法的操作,比如调动string的push方法等
为什么会有变量提升
变量的声明是编译器在编译阶段就命令作用域进行了声明,在生成可执行代码之前
eval with
with标识新创建了一个传入的对象的作用域,当其属性存在时,赋值操作被绑定到with声明的对象上,当找不到对应的属性时,对变量的赋值操作执行普通的赋值操作,即变量的作用域变成with所在的作用域,同时,with代码块内的var声明的变量作用域依然为with所在的作用域,
不推荐使用eval和with
函数作用域,隐藏变量和规避冲突
- 函数表达式和函数声明区别:函数名称标识符绑定的作用域不同,函数声明标识符可被外部作用域访问,函数表达式仅可被用于函数内部
- 具名函数和匿名函数
- 两种立即执行函数表达式的不同写法
- try catch let const 垃圾收集
变量提升
- js代码的执行首先编译器在编译阶段处理了所有的变量的声明,然后才生成了可执行代码
- 函数表达式,具名函数表达式在赋值之前,函数名并不会被提升,赋值变量会进行提升
- 函数声明先于变量声明
网友评论