美文网首页
你不知道的js一

你不知道的js一

作者: 大小姐_ | 来源:发表于2019-01-23 19:10 被阅读0次

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代码的执行首先编译器在编译阶段处理了所有的变量的声明,然后才生成了可执行代码
  • 函数表达式,具名函数表达式在赋值之前,函数名并不会被提升,赋值变量会进行提升
  • 函数声明先于变量声明

相关文章

  • 你不知道的JS(一)

    1、RHS(Right-Hand-Side)查询与LHS(Left-Hand-Side)查询 “RHS 查询与简单...

  • 你不知道的js一

    js的执行过程js代码不是构建之前进行编译的,而是在代码执行前很短的一段时间内,引擎没有那么多的时间来进行优化 作...

  • JS原型

    最近一直在理解JS的原型------《你不知道的JS》--------《JS设计模式》 里面都讲JS的原型运作方式...

  • 你不知道的JS

    NaN == NaN; // false "0" == null; // false "0" == undefin...

  • 你不知道的js

    原型 构造器(函数)也是对象,也可以赋值属性,函数本身有个property属性指向对象原型 构造器生成的对象可以访...

  • 基础

    JS 你不知道的 js 上中下 JavaScript 设计 模式 与 开发 实践 JavaScript 语言精粹 ...

  • JS 中你不知道的 this

    this 误区 this 既不指向函数自身也不指向函数的词法作用域。this 实际上是在函数被调用时发生的绑定,它...

  • js -- 你不知道的addEventListener

    借《你不知道的JavaScript》书的名气,顾取《你不知道的addEventListener》标题 先监听几个事...

  • 你不知道的js温习

    js循环双值 typeof 妙用,防范机制,不会导致未定义的变量报错 而是返回undefined 字符串方法 借用...

  • 你不知道的js技巧

    Object.defineProperty(obj,"size",{}) 对某个对象的属性进行额外扩展设置需要三个...

网友评论

      本文标题:你不知道的js一

      本文链接:https://www.haomeiwen.com/subject/bblcjqtx.html