zoukankan      html  css  js  c++  java
  • Javascript高级编程学习笔记(10)—— 作用域、作用域链

    昨天介绍了,JS中函数的作用域

    什么词法环境之类的,可能很多小伙伴不太明白。

    在今天的内容开始之前,先做个简短的声明:

    词法环境这一概念是在ES5中提出的,因为词法环境主要用于保存let、const声明的变量、函数

    而在ES3中对变量相关的信息都保存在变量对象上;

    从功能上来说变量对象可以看作是词法环境中的环境记录

    两者从功能上来说区别不大,只是不同版本的ES有不同的说法

    为了保持与前文的一致,这篇文章中我还是用环境记录来描述JS保存当前执行环境(上下文)中定义的变量和函数的对象

    ES6之前JS中的作用域只有全局作用域和局部作用域(函数作用域)两种,后文将基于此进行解释

    作用域

    作用域联系前文我们可以理解为执行环境(上下文)中的词法环境

    而每个作用域都由一个保存变量的对象(环境记录)和一个指向外部词法环境的outer(对外部环境引用)构成

    作用域之间的嵌套关系由outer来维护

    一个个作用域通过outer形成的链式结构就被称作作用域链

    在《js高级程序设计》中把执行栈顶端的执行环境(上下文)中的作用域(词法环境)称为活动对象

    作用域链

    那么作用域链是干嘛的呢?

    作用域链就是让我们能在子作用域中访问父作用域链中的变量的

    在解释作用域的时候我提过,每个作用域都包含了一个对外部作用域的引用,这个引用是单向的

    这也是子作用域能访问父作用域,而父作用域不能访问子作用域的原因

    当我们在使用变量的时候,JS会解析标识符,解析实际上就是一个沿着作用域链一层层搜索标识符的过程

    在搜索标识符这一过程中,只要搜索到符合的标识符就会立即停止搜索

    这也就是当父级作用域和子作用域有同名变量时,JS以子作用域中的为准的原因

    延长作用域链

    在JS中除了函数之外,还有一些语句也会产生作用域,从而延长作用域

    1.try-catch中的catch会产生一个新的作用域

    2.with语句 会将指定对象作为作用域添加到执行栈的顶端

    在使用上方的语句时需要注意一下

    PS . IE8 之前的JS版本中catch会将错误对象添加到当前的执行环境的变量对象中,而不是新建一个,IE9中修复了该bug

    没有块级作用域

    在ES6之前JS是没有块级作用域的,也就是大括号之间的代码块不会产生一个独立的作用域

    也就是说花括号中间声明的变量会添加到当前的执行环境中

    这也是for循环中声明的 i 在外部也能访问的原因

    最近的文章可能都没有什么例子的配合了,一是有些东西实在不好举例,二是自己水平有限

    望谅解,JS中的闭包等问题会在后面介绍object里面的function类型的时候介绍

  • 相关阅读:
    Centos7安装JDK+部署Tomcat8
    blog开发day3+Django admin的简单使用
    基于form组件的注册 + 基于Ajax的注册
    form组件复习+文件上传
    登录验证+验证码
    Django认证系统--Auth模块
    中间件
    form组件
    Ajax
    自定义分页 Cookie Session和获得路径
  • 原文地址:https://www.cnblogs.com/lhyxq/p/10112622.html
Copyright © 2011-2022 走看看