JavaScript没有块级作用域解析

在其他类C语言中,由花括号封闭的代码块都有自己的作用域(ECMAScript叫做自己的执行环境),但是JavaScript没有块级作用域

例如:

  if(true){
        var color = "blue";
    }
    alert(color);//blue

分析
1、JavaScript执行环境的类型只有两种——全局和局部

在Web浏览器中,全局执行环境被认为是window对象,因此所有全局变量和函数都是作为window对象的属性和方法创建的,而局部执行环境可以理解为函数的执行环境

2、循环结构和判断结构等都不会独立一块作用域。如何判断所属作用域范围呢?就看这个结构是在全局所定义还是在函数中定义

例如:

判断结构

  if(true){
        var color = "blue";
    }
        alert(color);  //"bule"


循环结构

  for(var i=0;i<10;i++){

    }
    alert(i);//10


3、作用域控制着变量与参数的可见性与生命周期。但是JavaScript没有块级作用域,所以变量的生命周期不是由花括号决定,而是根据它所在的执行环境决定的。

原理
JavaScript中,循环结构和判断结构的变量声明都会添加到当前的执行环境。如果不是函数的执行环境,自然就添加到全局的执行环境,所以花括号没有起到块级作用域的作用

声明变量
使用var声明的变量会自动添加到最接近的环境中

扫描二维码关注公众号,回复: 5394498 查看本文章

例如:

  function add(sum1,sum2) {
            var sum = sum1+sum2;
            return sum;
        }
        var result= add(10,20);
        alert(sum);  //报错,此时sum属于局部变量,离开函数即销毁



此时sum是函数内部环境的变量,外部环境访问不到它。但是如果把var关键字去掉,它会自动添加到全局环境,则函数的外部环境可以访问到它

例如:

function add(sum1, sum2) {
            sum = sum1 + sum2;
            return sum;
        }
        var result = add(10, 20);
        alert(sum);//30


查询标识符
定义
当在某个环境中为了读取或写入而引入一个标识符时,必须通过搜索来确定该标识符实际代表什么。

特点
(1)搜索过程从作用域链前端开始,向上逐级查询与给定名字匹配的标识符。

(2)如果在局部环境找到,搜索过程就停止,否则一直搜索直到全局环境的变量对象。如果还没找到,则意味着该变量未声明

例如:

(1)局部环境没有color变量

 var color = "blue";
        function getColor() {
            return color;
        }
        alert(getColor());//blue


 

分析:getColor()局部环境找不到color,则沿着作用域链搜索到全局环境,此时发现有color变量,则结束搜索

(2)局部环境有color变量

 var color = "blue";
        function getColor() {
            var color = "red";
            return color;
        }
        alert(getColor());//red

分析:getColor()局部环境找到color,结束搜索,此时任何位于局部变量color的声明之后的代码,如果不使用window.color,都无法访问全局color变量

(3)访问局部变量要比访问全局变量更快,因为不用向上搜索作用域链

原文地址:https://blog.csdn.net/iamcgt/article/details/72983400

猜你喜欢

转载自blog.csdn.net/CWH0908/article/details/86767047
今日推荐