JS作用域与作用域链

简介: JS作用域与作用域链

作用域

局部作用域

一般只在固定的代码片段内可以访问得到
function add(){
    var name = "测试"
    console.log(name)
}
add()
// console.log(name) name is not defined

全局作用域

var name = "外部"
function add(){
    var name = "测试"
    console.log(name)
}
add()
 console.log(name) 

作用域链在这里插入图片描述

var name = "Out"
function out(){
    var inOut = "In";
    function  inTao(){
        console.log("inTao---------------"+inOut) 
        //undefined , 为什么会是undefinded呢, 
        //因为它先会从自身作用域中查找是否有inOut,如果有,并且inOut 提前在前面申明,那么就会正确显示值;否则显示undefinded,因为它只知道当前环境下有一个inOut
        var ss = name;
        var inOut = ss;
        console.log("赋值后的ss-----------"+ss) //Out
        console.log("inTao修改后的inOut-----------"+inOut)   // Out
    }
    inTao()
}
console.log("外部的name---------------"+name)  // Out
out()

  • 作用域链相关知识的总结:

    1.执行环境决定了变量的生命周期,以及哪部分代码可以访问其中变量
    2,执行环境有全局执行环境(全局环境)和局部执行环境之分。
    3.每次进入一个新的执行环境,都会创建一个用于搜索变量和函数的作用域链
    4.函数的局部环境可以访问函数作用域中的变量和函数,也可以访问其父环境,乃至全局环境中的变量和环境。
    5.全局环境只能访问全局环境中定义的变量和函数,不能直接访问局部环境中的任何数据。
    6.变量的执行环境有助于确定应该合适释放内存。

作用域链始终遵循 从里往外一层一层寻找

自己的变量对象----->变量外部()局部环境的变量对象 ----->全局环境的变量对象。

目录
相关文章
|
16天前
|
存储 JavaScript 前端开发
解释 JavaScript 中的作用域和作用域链的概念。
【4月更文挑战第4天】JavaScript作用域定义了变量和函数的可见范围,静态决定于编码时。每个函数作为对象拥有`scope`属性,关联运行期上下文集合。执行上下文在函数执行时创建,定义执行环境,每次调用函数都会生成独特上下文。作用域链是按层级组织的作用域集合,自内向外查找变量。变量查找遵循从当前执行上下文到全局上下文的顺序,若找不到则抛出异常。
20 6
|
1月前
|
自然语言处理 JavaScript 前端开发
深入理解JS的执行上下文、词法作用域和闭包(中)
深入理解JS的执行上下文、词法作用域和闭包(中)
|
1月前
|
存储 自然语言处理 JavaScript
深入理解JS的执行上下文、词法作用域和闭包(上)
深入理解JS的执行上下文、词法作用域和闭包(上)
|
28天前
|
JavaScript 前端开发
js开发:请解释什么是作用域(scope),并说明全局作用域、局部作用域和块级作用域的区别。
JavaScript中的作用域规定了变量和函数的可见性与生命周期。全局作用域适用于整个脚本,变量可通过全局对象访问,可能导致命名冲突和内存占用。局部作用域限于函数内部,每次调用创建新作用域,执行完毕后销毁。ES6引入的块级作用域通过`let`和`const`实现,变量仅在其代码块内有效,并有暂时性死区。作用域机制有助于代码组织和变量管理。
23 1
|
1月前
|
自然语言处理 前端开发 JavaScript
深入理解JavaScript中的闭包与作用域链
在JavaScript编程中,闭包和作用域链是两个非常重要的概念,它们对于理解代码的执行过程和解决一些特定问题至关重要。本文将深入探讨JavaScript中闭包和作用域链的原理和应用,帮助读者更好地理解这些概念并能够在实际项目中灵活运用。
|
1月前
|
JavaScript 前端开发
JS作用域与作用域链
JS作用域与作用域链
|
1月前
|
自然语言处理 JavaScript 前端开发
深入探索 JS 的提升机制、函数与块作用域以及函数表达式和声明(下)
深入探索 JS 的提升机制、函数与块作用域以及函数表达式和声明(下)
|
1月前
|
JavaScript 前端开发
深入探索 JS 的提升机制、函数与块作用域以及函数表达式和声明(上)
深入探索 JS 的提升机制、函数与块作用域以及函数表达式和声明(上)
|
1月前
|
自然语言处理 JavaScript 前端开发
深入理解JS的执行上下文、词法作用域和闭包(下)
深入理解JS的执行上下文、词法作用域和闭包(下)
|
2月前
|
缓存 前端开发 JavaScript
深入理解JavaScript闭包:解锁神秘的作用域链
深入理解JavaScript闭包:解锁神秘的作用域链
38 0