文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【JavaScript】作用域 ③ ( JavaScript 作用域链 | 作用域链变量查找机制 )

确定取哪个值 , 这种作用域结构 称为 " 作用域链 " ; 内部函数 , 外部函数 , 全局变量 中 , 定义的变量名称 可能是相同的 , 给定一个变量名 , 需要从作用域链中具体查找 作用域链 是...JavaScript 的重要的概念 , 用于 查找 变量名 对应的 不同作用域的 变量 ; 当 JavaScript 代码 执行时 , 会创建变量对象的 作用域链 , 其用途是保证对执行环境有权访问的所有变量和函数的有序访问...; 3、作用域链变量查找机制 在 JavaScript 代码中 的 嵌套作用域 中 , 查找 变量 或 函数 的 机制就是 作用域链 的 链式查找机制 ; 内部函数 在 访问 指定名称的 变量时 ,...采取的是 链式查找方式 ; 如果 内部函数 的 局部作用域 有该变量 , 则采用该变量 ; 如果 内部函数 的 局部作用域 没有该变量 , 则向上一层 外部函数 局部作用域查找 ; 如果 外部函数...的 局部作用域 有该变量 , 则采用该变量 ; 如果 外部函数 的 局部作用域 没有该变量 , 则向上一层 全局作用域 查找 ; 如果 全局作用域 有该变量 , 则采用该变量 ; 如果 全局作用域

10610

JS作用域和作用域链

下面就要借助JS的作用域链来更好的理解作用域了。 在此之前，先要明确个概念，即执行环境和作用域是两个完全不同的概念。 函数的每次调用都有与之紧密相关的作用域和执行环境。...在创建阶段，解析器首先会创建一个变量对象（variable object，也称为活动对象 activation object），它由定义在执行环境中的变量、函数声明、和参数组成。...当代码在一个环境中执行时，会创建变量对象的一个作用域链（scope chain）。作用域链的用途是保证对执行环境有权访问的所有变量和函数的有序访问。...作用域链包含了执行环境栈中的每个执行环境对应的变量对象。通过作用域链，可以决定变量的访问和标识符的解析。 注意：全局执行环境的变量对象始终都是作用域链的最后一个对象。...任何一对花括号（｛和｝）中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。 函数作用域就好理解了，定义在函数中的参数和变量在函数外部是不可见的。

4.1K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    静态作用域和动态作用域

    静态作用域和动态作用域 所谓作用域规则就是程序解析名字的方法。...而对于采用动态作用域的语言来说，a 的查找并不是在 doubleA 被定义的时候，而是在 doubleA 被调用的地方，此时 a = 2。...通过这个方式，我们就可以实现静态作用域了。当我们在当前作用域中找不到一个变量的绑定时，我们就会在捕获到的环境中向外查找，直到找到或是没有更外层的作用域为止。...env 的开头，然后，为了使其在找不到名字的时候能在它被定义的作用域里查找，我们还要将捕获的环境 capture 接在末尾，这样形成的新环境就是 closure 的 body 的求值环境，此时其作用域就是动态的了...当我们在当前作用域中找不到一个名字时，我们会先查找函数被调用的空间。 在 C++ 中模拟动态作用域 上一节讲的是在解释器中实现两种作用域的方式，那如果我们就是想在现有的语言里模拟这个特性呢？

    2.1K10

    函数作用域和块作用域

    实际的结果就是在整个代码片段得到周围创建了一个作用域气泡，也就是说这段代码中的任何声明都将绑定在整个新创建的包装函数的作用域里，而不是先前所在的作用域 为什么隐藏“变量”和“函数”是一个非常有用的技术。...最小授权、最小暴露原则：在软件设计中，应该最小限度地暴露必要地内容，而将其他内容都“隐藏”起来，比如某个模块或对象的 API 设计 如果所有变量和函数都在全局作用域中，当然可以在所有的内部嵌套的作用域中去访问到他们...函数作用域 在任意代码片段外部添加包装函数，可以将内部的变量和函数定义“隐藏”起来，外部作用域无法访问包装函数内部的任何内容。虽然这种技术可以解决一些问题，但是它并不理想，因为会导致一些额外的问题。...块作用域 尽管函数作用域是最常见的作用域单元，但是其他类型的作用域单元也是存在的，并且通过使用其他类型的作用域单元甚至可以实现维护起来更加优秀、简洁 除 JavaScript 外的很多编程语言都支持块作用域...本质上，声明一个函数内部的变量或函数会在所处的作用域隐藏起来，这是有意为之的良好软件的设计原则。 但函数不是唯一的作用域单元。块作用域指的是变量和函数不仅可以属于所处的作用域，有可以属于某个代码块。

    2.4K20

    JavaScript 作用域和作用域链

    局部作用域(Local Scope) 和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部，所有在一些地方也会看到有人把这种作用域称为函数作用域 。 如 1....中的变量 inVariable 和函数 innerFun 都只拥有局部作用域。...该过程从作用域链头部，也就是从活动对象开始搜索，查找同名的标识符，如果找到了就使用这个标识符对应的变量，如果没找到继续搜索作用域链中的下一个对象，如果搜索完所有对象都未找到，则认为该标识符未定义。...因为全局变量总是存在于运行期上下文作用域链的最末端，因此在标识符解析的时候，查找全局变量是最慢的。所以，在编写代码的时候应尽量少使用全局变量，尽可能使用局部变量。...理解 JavaScript 作用域和作用域链 JavaScript 深入浅出-慕课网

    1.7K10

    JS进阶：作用域和作用域链

    作用域(Scope) 1.什么是作用域 作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。换句话说，作用域决定了代码区块中变量和其他资源的可见性。...ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。ES6的到来，为我们提供了‘块级作用域’,可通过新增命令let和const来体现。...函数作用域,是指声明在函数内部的变量，和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部。...也就是说，所有数组a的成员里面的i，指向的都是同一个i，导致运行时输出的是最后一轮的i的值，也就是 10。 如果使用let，声明的变量仅在块级作用域内有效，最后输出的是 6。...取a的值时，试图在fn作用域取，但是取不到，只能转向创建fn的那个作用域中去查找，结果找到了,所以最后的结果是30 作用域与执行上下文 许多开发人员经常混淆作用域和执行上下文的概念，误认为它们是相同的概念

    2.6K20

    理解JavaScript作用域和作用域链

    中 {} 外面的作用域就是全局作用域，里面的变量和函数等其他资源可以在任意地方被访问到。...在这个作用域内声明的变量，就只能在它这个作用域和其子作用域中才能使用。...块级作用域 ES6新增的块级作用域：用let和const声明的变量才存在块级作用域，在该代码块外部访问不到该变量。在{ }中用let和const声明的变量就是一个块级作用域。...{ let a = 1; console.log(a) // 1 } console.log(a) // a is not defined 外部访问不到 二、作用域链 作用域链指的是各个作用域的嵌套关系和查找机制...function foo() { var b = 'foo中的b' function bar() { // 当前作用域中没有声明b则查找上一级作用域（创建该作用域的那个域），依次类推，直至到全局作用域

    41700

    理解javascript作用域和作用域链

    作用域 作用域就是变量和函数的可访问范围，控制着变量和函数的可见性与生命周期，在JavaScript中变量的作用域有全局作用域和局部作用域。    ...作用域链 全局执行环境是最外层的一个执行环境，在web浏览器中全局执行环境是window对象，因此所有全局变量和函数都是作为window对象的属性和放大创建的。...当代码在一个环境中执行时，会创建变量对象的一个作用域链（scope chain）来保证对执行环境有权访问的变量和函数的有序访问。     用一张图来解释作用域链的运行：由里向外执行。 ?    ...该过程从作用域链头部，也就是从活动对象开始搜索，查找同名的标识符，如果找到了就使用这个标识符对应的变量，如果没找到继续搜索作用域链中的下一个对象，如果搜索完所有对象都未找到，则认为该标识符未定义。...总结 根据上述讲的作用域链的结构可以看出，定义的标识符的越深，那么读写的速度也就越慢，而全局变量总是处于作用域链的最末端，所以当变量解析的时候，查找全局变量是最慢的，所以在编写代码的时候要尽可能少的使用全局变量

    2.1K10

    JavaScript中的作用域和作用域链

    作用域(Scope) 1. 作用域 作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。换句话说，作用域决定了代码区块中变量和其他资源的可见性。...ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。ES6 的到来，为我们提供了‘块级作用域’,可通过新增命令 let 和 const 来体现。 2....3.函数作用域 函数作用域,是指声明在函数内部的变量，和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部。...取 b 的值时，直接在 fn 作用域取出。取 a 的值时，试图在 fn 作用域取，但是取不到，只能转向创建 fn 的那个作用域中去查找，结果找到了,所以最后的结果是 30。...d，从中只找到了属性 d，并获得它的值（4）；然后沿着作用域链，在上一层活动对象中继续查找属性 a、b 和 c，从中找到了属性 c，获取它的值（3）······以此类推，直到找到所有需要的变量值为止，如图所示

    2.2K10

    作用域和作用域链的简单理解

    作用域和作用域链 作用域 javascript采用的静态作用域，也可以称为词法作用域，意思是说作用域是在定义的时候就创建了， 而不是运行的时候。...思路是完美的，可是js的作者采用的静态作用域，不管你们怎么运行，你们 定义的时候作用域已经生成了。 那么什么是作用域？ 变量和函数能被有效访问的区域或者集合。作用域决定了代码块之间的资源可访问性。...作用域也就是一个独立的空间，用于保护变量防止泄露，也起到隔离作用。每个作用域里的变量可以相同命名，互不干涉。就像一栋房子一样，每家每户都是独立的，就是作用域。...作用域又分为全局作用域和函数作用域，块级作用域。 全局作用域任何地方都可以访问到，如window,Math等全局对象。 函数作用域就是函数内部的变量和方法，函数外部是无法访问到的。...块级作用域指变量声明的代码段外是不可访问的，如let,const. 作用域链 知道作用域后，我们来说说什么是作用域链？ 表示一个作用域可以访问到变量的一个集合。

    80931

    Boost C++ 库 | 智能指针（RAII、作用域指针、作用域数组）

    因为一个作用域指针只是简单保存和独占一个内存地址，所以 boost::scoped_ptr 的实现就要比 std::auto_ptr 简单。...避免复杂的资源管理：使用 scoped_ptr 可以简化内存管理，因为不需要手动释放内存，从而降低了内存管理错误的风险03、作用域数组>>>作用域数组的使用方式与作用域指针相似。...关键不同在于，作用域数组的析构函数使用 delete[] 操作符来释放所包含的对象。因为该操作符只能用于数组对象，所以作用域数组必须通过动态分配的数组来初始化。...对应的作用域数组类名为 boost::scoped_array，它的定义在 boost/scoped_array.hpp 里。...管理动态数组：在需要管理动态分配的数组时，可以使用 boost::scoped_array，它会在超出作用域时自动释放内存，避免内存泄漏。

    13310

    异步与回调函数的作用域链

    异步与回调/函数的作用域链 JavaScript 只在一个线程上运行,JavaScript 同时只能执行一个任务，其他任务都必须在后面排队等待。...异步与回调 同步任务与异步任务 程序里面所有的任务，可以分成两类：同步任务（synchronous）和异步任务（asynchronous）。 同步任务是那些没有被引擎挂起、在主线程上排队执行的任务。...任务队列和事件循环 JavaScript 运行时，除了一个正在运行的主线程，引擎还提供一个任务队列（task queue），里面是各种需要当前程序处理的异步任务。...会动的简历--完整代码地址 会动的简历--预览地址 函数的作用域链 先看面试题 题目1 var a = 1 function fn1(){ function fn2(){ console.log...var a = 2 return fn3 } var fn = fn1() fn() //undefined 解密 函数在执行的过程中，先从自己内部找变量 如果找不到，再从创建当前函数所在的作用域去找

    1.8K40

    JavaScript的作用域和块级作用域概念理解

    本文作者：IMWeb 秦至 原文出处：IMWeb社区 未经同意，禁止转载 作用域 作用域永远都是任何一门编程语言中的重中之重，因为它控制着变量与参数的可见性与生命周期。...说到这里我们需要理解两个概念：块级作用域与函数作用域。 函数作用域 这个应该好理解，函数作用域就是说定义在函数中的参数和变量在函数外部是不可见的。 大多数类C语言都拥有块级作用域，JS却没有。...块级作用域 ---- 任何一对花括号中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。...也就是说，JS并不支持块级作用域，它只支持函数作用域，而且在一个函数中的任何位置定义的变量在该函数中的任何地方都是可见的。 那么我们该如何使JS拥有块级作用域呢？...在JS中，为了防止命名冲突，我们应该尽量避免使用全局变量和全局函数。那么，该如何避免呢？

    65920

    JS学习系列 03 - 函数作用域和块作用域

    在 ES5 及之前版本，JavaScript 只拥有函数作用域，没有块作用域（with 和 try...catch 除外）。在 ES6 中，JS 引入了块作用域，{ } 内是单独的一个作用域。...采用 let 或者 const 声明的变量会挟持所在块的作用域，也就是说，这声明关键字会将变量绑定到所在的任意作用域中（通常是 {...} 内部）。 今天，我们就来深入研究一下函数作用域和块作用域。...由于标识符 a、b、c 和 bar都属于函数 foo 的作用域，所以在全局作用域中访问会报错，因为它们都没有定义，但是在函数 foo 内部，这些标识符都是可以访问的，这就是函数作用域。...块作用域 ES5 及以前 JavaScript 中具有块作用域的只有 with 和 try...catch 语句，在 ES6 及以后的版本添加了具有块作用域的变量标识符 let 和 const 。...总结 函数是 JavaScript 中最常见的作用域单元。块作用域指的是变量和函数不仅可以属于所处的函数作用域，也可以属于某个代码块。

    1.6K10

    JavaScript的作用域和块级作用域概念理解

    作用域 作用域永远都是任何一门编程语言中的重中之重，因为它控制着变量与参数的可见性与生命周期。说到这里我们需要理解两个概念：块级作用域与函数作用域。...函数作用域 这个应该好理解，函数作用域就是说定义在函数中的参数和变量在函数外部是不可见的。 大多数类C语言都拥有块级作用域，JS却没有。...块级作用域 任何一对花括号中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。...也就是说，JS并不支持块级作用域，它只支持函数作用域，而且在一个函数中的任何位置定义的变量在该函数中的任何地方都是可见的。 那么我们该如何使JS拥有块级作用域呢？...在JS中，为了防止命名冲突，我们应该尽量避免使用全局变量和全局函数。那么，该如何避免呢？

    89750

    JS学习系列 03 - 函数作用域和块作用域

    在 ES5 及之前版本，JavaScript 只拥有函数作用域，没有块作用域（with 和 try...catch 除外）。在 ES6 中，JS 引入了块作用域，{ } 内是单独的一个作用域。...采用 let 或者 const 声明的变量会挟持所在块的作用域，也就是说，这声明关键字会将变量绑定到所在的任意作用域中（通常是 {...} 内部）。 今天，我们就来深入研究一下函数作用域和块作用域。...由于标识符 a、b、c 和 bar都属于函数 foo 的作用域，所以在全局作用域中访问会报错，因为它们都没有定义，但是在函数 foo 内部，这些标识符都是可以访问的，这就是函数作用域。...块作用域 ES5 及以前 JavaScript 中具有块作用域的只有 with 和 try...catch 语句，在 ES6 及以后的版本添加了具有块作用域的变量标识符 let 和 const 。...总结 函数是 JavaScript 中最常见的作用域单元。块作用域指的是变量和函数不仅可以属于所处的函数作用域，也可以属于某个代码块。

    12910

    作用域和闭包

    这套规则被称为作用域。 作用域是一套规则，用于确定在何处以及如何查找变量（标识符）。如果查找的目的是对变量进行赋值，那么就会使用 LHS 查询；如果目的是获取变量的值，就会使用 RHS 查询。...因此，在当前作用域中无法找到某个变量时，引擎就会在外层嵌套的作用域中继续查找，直到找到该变量，或抵达最外层的作用域（也就是全局作用域）为止。...作用域气泡的结构和互相之间的位置关系给引擎提供了足够的位置信息，引擎用这些信息来查找标识符的位置。 作用域查找会在找到第一个匹配的标识符时停止。...无论函数在哪里 被调用，也无论它如何 被调用，它的词法作用域都只由 函数被声明时所处的位置决定。 词法作用域查找只会 查找一级标识符，比如a 、b 和 c 。...如果代码中引用了 foo.bar.baz ，词法作用域查找只会试图查找 foo 标识符，找到这个变量后，对象属性访问规则会分别接管对 bar 和 baz 属性的访问。

    72020
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券