4.2 Javascript之执行环境和作用域

简介:
执行环境

每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。 
//书中说我们自己编写的代码无法访问这个对象 
//下面这个最外层的执行环境window对象是可以访问的呢??? 
web浏览器中,最外层的执行环境是window对象,因此所有的全局变量和函数都是作为window的属性或者方法创建的

作用域链

作用域链的用途是保证执行环境对有权限访问的变量和函数的有序访问 
作用域链的前端都是当前执行代码所在环境的变量对象 
如果这个环境是函数,则将其活动对象作为变量对象,活动对象在一开始的时候只包含了arguments对象,作用域链中的下一个变量对象来自于包含(外部)环境,再下一个变量对象则来自于下一个包含(外部)对象。。。一直延伸到全局执行环境(全局执行环境的变量对象始终是作用域链中的最后一个对象)

var globalColor = "globalColor";
function globalFunc(){
    //这里能访问函数里的变量和方法,但是不能访问innerFunc函数里的变量
    var globalColor = "globalFuncColor";
    function innerFunc(){
        //这里可以访问此函数里的所有变量和方法,还有外部的所有变量和方法
        var innerFuncColor = "innerFuncColor";
        var globalColor = "globalColor-innerFuncColor";
        innerFuncColor = globalColor;
        console.log(innerFuncColor)
    }
    console.log(globalColor)
    innerFunc();
}
globalFunc();
console.log(globalColor)
//globalFuncColor
//globalColor-innerFuncColor
//globalColor
//优先访问当前执行代码环境的变量对象
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
延长作用域链

执行环境的类型:全局和局部(函数)

function buildUrl(){
    var href = "test.com";
    with(location){
        var res = href + href;
    }
    return res;
}
buildUrl();
//width里的href代表的是location.href,所以结果里并没有"test.com"
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
try{
    console.log(myTest)
}catch(ex){
    console.dir(ex.message);
};
// 对于捕获来说会创建一个新的变量对象,包含的是被抛出来的错误对象的声明
// 意思应该是新创建的执行环境下可以访问到抛出的错误对象
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
无块级作用域
for(var i = 0; i < 10; i++){
    console.log(i);
}
console.log("now i is: " + i);
//now i is 10
//变量i定义在for循环里面,循环结束后,还是可以访问到变量i,并没有销毁
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
变量查找
var color = "red";
function getColor(){
    return color;
}
console.log(getColor())
//调用getColor函数时,返回color变量的值,首先会在getColor函数的作用域内查找color变量
//没有找到变量,就会沿着作用域链继续向上层的作用域查找,找到就返回变量的值
//否则会一直向上查找至window全局作用域,如果全局作用域下查找不到,则就表明变量未声明
//优先返回局部作用域下的同名变量


原文发布时间:2018年03月15日

本文来源CSDN博客如需转载请紧急联系作者

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