zoukankan      html  css  js  c++  java
  • 1、ES6声明变量的方式

    1、es5的声明方式var的问题

      1)是var在同一个作用域内部,是可以重复声明一个变量的,后面的会把前面的覆盖掉

      2)var存在变量提升到的问题,就是在使用var声明变量前是可以先使用此变量的

    2、let与var的不同的特点

      1)let不能重复声明

      2)let是不存在变量提升

      3)块级作用域存在暂存死区(即这个区域不能存在同名的变量了,已经是将这个区域与这个变量绑定了)

      在es5中if的括号不是一个块级作用域,所以下面的例子中的打印是执行的

    if ( false ){
      var lagev = 'jkgba';  
    }
    console.log(lagev);//undefined
    
    类似于下面:
    var lagev ;
    if ( false ){
      lagev = 'jkgba';  
    }
    console.log(lagev); 

    但是使用let声明时,是存在块级作用域的,只能在作用域内部访问
    if ( false ){
      let lagev = 'jkgba';  
    }
    console.log(lagev);//报错,未定义

    另外一个是在for循环的例子

    for(var i=0; i<3; i++){
        //....
    }
    console.log(i) ; //此时打印出i是为3的,因为var声明的 i 是一个全局变量,每次循环都会使用同一个 i
    
    
    而使用let做循环时,每次的循环体都是一个块级作用域,每次的循环都会重新声明一个块级作用域内的变量 i,并且会把上一次的值作为下次声明的初始值,,即每次循环的i值是和当前的循环体绑定的
    for( let i=0; i<3; i++){
        document.addEventListener('click',function(){
            alert(i);  //此时的 i 就是0、1、2了
        })
    }

    这个问题如果使用es5中的var来实现的话,就需要使用闭包了,把每次的i值保存下来,实际上使用let进行编译之后也是用的闭包实现的,所以let的性能可能会比var差一些,
    不过现在Chrome的V8引擎性能很强大,并且还在不断的做优化

    3、es6中新增了声明常量

      声明赋值之后不能改变,并且特性是同let

      const ULIR = 10;

      ULIR = 2; //此时会报错,类型错误

      一般项目中是用于引入模块,不希望再改变的

  • 相关阅读:
    wqy的ACM赛G朱柏庐
    可持久化数据结构
    LibreOJ#2362蚯蚓
    LibreOJ#2359天天爱跑步
    「Luogu2221」[HAOI2012]高速公路
    「Luogu4158」[SCOI2009]粉刷匠
    「Luogu4317」花神的数论题
    WC2019 游记
    最大权闭合子图模型
    「Luogu2762」太空飞行计划问题
  • 原文地址:https://www.cnblogs.com/gopark/p/11355054.html
Copyright © 2011-2022 走看看