美文网首页
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代码块,循环代码块)下的声明都会报错.

相关文章

  • 20.作用域

    ES5中作用域的理解 ES5中: 1.没有块级作用域 2.只有两种作用域:全局作用域和函数作用域 1.没有块级作用...

  • js 作用域

    js 作用域主要有:全局作用域和局部作用域,es5之前没有块级作用域,es6有了块级作用域 何为块级作用域,块级作...

  • ES6->块级作用域

    块级作用域 为什么需要块级作用域? ES5 只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景。第...

  • ES6学习笔记之块级作用域

    ES5 只有全局作用域和函数作用域,没有块级作用域,let实际上为 JavaScript 新增了块级作用域。 例子...

  • 2019-01-08

    块级作用域 为什么需要块级作用域?ES5只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景。1、内...

  • JS基础知识(2) -- 作用域和作用域链

    作用域 作用域就是变量与函数的可访问范围 全局作用域 函数作用域 ES6块级作用域 ES5没有块级作用域,ES6有...

  • ES6的块级作用域以及let、const命令

    1.块级作用域 ES5 只有全局作用域和函数作用域,没有块级作用域。 在函数外部声明的变量,都是全局变量,容易导致...

  • ES6系列之 let 和 const

    为什么需要块级作用域 ES5 只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景。 通过var声明...

  • 块级作用域简述

    一、为什么需要块级作用域 ES5只有全局作用域和函数作用域,没有块级作用域,会带来以下问题: 1、变量提升导致内层...

  • 全面理解作用域

    es5:函数作用域、全局作用域 (var 、function有变量提升)es6:块级作用域 (没有变量提升...

网友评论

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

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