美文网首页
ES5没有块级作用域

ES5没有块级作用域

作者: BubbleM | 来源:发表于2017-07-21 17:23 被阅读230次

    ES5只有全局作用域和函数作用域;
    使用var声明的变量会被自动添加到最接近的环境中.
    如果初始化时没有使用var声明,该变量会自动被添加到全局环境中.

    for(var i=0;i<10;i++){
        doSomething(i);
    }
    alert(i);  // 10
    

    对于有块级作用域的语言来说,for语句初始化变量的表达式所定义的变量,只会存在于循环的环境之中.循环一结束即被销毁.而对于JS来说,由for语句创建的变量i即使在for循环执行结束后,也依旧存在与循环外部的执行环境中.

    function add(num1,num2){
        var sum = num1+num2;
        return sum;
    }
    var result = add(10,20);
    alert(sum);  //报错 由于sum不是有效的变量
    

    由于使用var 所以sum被添加到add函数的局部环境中,alert(sum)是其父执行环境,故无法访问  
    将sum前的var去掉就可以访问,这时sum被添加到全局环境中

    没有块级作用域带来的不合理场景

    1. 内层变量可能会覆盖外层变量
    var temp = new Date()
      function fn () {
        console.log(temp)
        if (false) {
          var temp = 'hello world'
        }
    }
    fn() // undefined
    

    分析:原因在于变量提升导致内层tmp变量覆盖了外层的tmp变量.

    1. 用来计数的循环变量泄露为全局变量
      如上述第一种情况

    如何实现对象的私有属性

    ES5中没有块级作用域的概念,同样也没有私有属性的概念,但是存在私有变量。可以通过闭包+私有变量的方式来实现对象的私有属性。

    1. 实例私有属性
      实例私有属性的特点就是每个对象都会包含独立的属性,对象和对象之间没有共享。为了实现这一目标,可以在构造函数中增加一个私有变量,然后定义公共方法来访问这个私有变量。
    2. 静态私有属性
      如果希望数据全局共享,就需要用到静态属性。如果希望这个属性是私有的,那么要实现静态私有属性。首先这个私有应该在构造函数外部,为把构造函数外部的变量和构造函数结合,可以使用闭包把私有变量和构造函数都包含在其作用域中,为了在闭包外访问内部构造函数,可以使用一个全局变量来引用构造函数。

    ES6的块级作用域

    let实际上为js新增了块级作用域
    块级作用域的出现,使得获得广泛应用的立即执行匿名函数IIFE不再必要了.

    // IIFE写法
    ((function(){
        var tmp = ...
    })())
    // 块级作用域写法
    {
        let tmp = ...
    }
    

    在严格模式下,函数只能在顶层作用域和函数内声明,其他情况(比如if代码块,循环代码块)下的声明都会报错.

    相关文章

      网友评论

          本文标题:ES5没有块级作用域

          本文链接:https://www.haomeiwen.com/subject/kgguqxtx.html