美文网首页
1.作用域入门

1.作用域入门

作者: 昵称最难起 | 来源:发表于2017-02-27 17:43 被阅读14次

从最简单的例子开始

var a = 1;

想要执行代码,必须要先要进行编译。JavaScript的编译过程很短,就在执行代码之前。

编译的主要三个过程:

1.分词/词法分析:
把字符组成的字符串分解成var、a、=、1、;、五个词法单元。

2.解析/语法分析:
把词法单元流[数组],解析成由元素逐级嵌套而成的代表程序语法结构的树(AST)。

3.代码生成:
把AST转换为可执行的代码的过程称为代码生成。

更易理解的说

var a = 1;这样一个简单地程序,分为两个声明,一段由编译器在编译时处理,另外一个由引擎在运行时处理。

  • 第一步首先分解成词法单元。
  • 第二步解析成树结构
  • 第三步
 1. 遇见 var a ,编译器会询问作用域,是否已经有一个该名称的变量
存在同一个作用域集合中,如果有,就跳过该声明,继续编译。
如果没有,就会要求作用域在当前的作用域集合中声明一个新的变量
名字叫 a
 2.接下来编译器会生成运行时候的代码,这些代码被用来处理a = 2这个赋值操作。
引擎在运行的时候会查询作用域内是否有叫做a的变量,
如果之前没有声明过,就会去上一层作用域去查找。
最终找到的话,就为其执行赋值操作,
没有找到的话,引擎就会抛出一个异常。

更进一步的理解

关于变量的操作都会涉及LHS查询和RHS查询
当变量出现在赋值操作的左侧时进行LHS查询(不准确的理解)
a = 2;
我们不关心a所代表原来的值是什么,
我们只需要找到这个变量,赋值为2
当变量出现在赋值操作的右侧的时候进行RHS查询
console.log(a);
这里对a进行的是RHS查询,因为我们没有对它赋值,而是取得它所代表的值。
function foo (){};//函数声明不能理解成LHS查询
var foo = function(){};//函数表达式可以。

异常

1.执行RHS查询的时候,如果在所有的嵌套的作用域都找不到所需要的变量
--报错:ReferenceError
2.执行LHS查询的时候,如果找到了全局作用域下,还是没有找到,
就会在全局下创建这个变量,返回给引擎(非严格模式下)。
严格模式下:
--报错:ReferenceError
3.如果把RHS查询的变量进行非法操作,比如把一个非函数类型的值
进行函数操作,那么就会报错:
-- TypeError

相关文章

  • 1.作用域入门

    从最简单的例子开始 想要执行代码,必须要先要进行编译。JavaScript的编译过程很短,就在执行代码之前。 编译...

  • 1. 作用域

    全局作用域: 在函数外定义的变量 函数作用域/局部作用域: 在函数 {} 中生效 块作用域 : es6之前没有块作...

  • AngularJs作用域高级特性,作用域属性监视、digest循

    AngularJs作用域高级特性,作用域属性监视、digest循环等 基于AngularJS入门与进阶(江荣波 著...

  • 作用域链

    1.作用域 作用域分为全局作用域和局部作用域。 1)全局作用域 可以在代码的所有地方被访问到。 2)局部作用域 只...

  • 2018-12-18

    JS高级 作用域&作用域链 作用域: 1.作用域的个数:n(函数声明的个数)+1(全局作用域)2.作用域不会存储变...

  • 我眼中的JS作用域

    作用域分类 1.全局作用域2.函数作用域3.块级作用域(ES6新增) 什么是全局作用域? 1.最外层的变量、函数2...

  • 20.作用域

    ES5中作用域的理解 ES5中: 1.没有块级作用域 2.只有两种作用域:全局作用域和函数作用域 1.没有块级作用...

  • 作用域、函数解析顺序

    一、作用域1.作用域:ES5:全局作用域、函数作用域;2.全局作用域:直接定义在script标签下的域(范围),叫...

  • es6基础知识2

    1. 块作用域 作用域指的是变量的作用范围,js本身具有了全局作用域和函数作用域,es6中新增了块作用域。块作用域...

  • php基础知识回顾-1

    1.变量作用域 php变量有四种作用域:局部作用域、全局作用域,静态作用域、参数作用域 在局部调用全局变量需要使用...

网友评论

      本文标题:1.作用域入门

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