ES6-let和const命令+顶层对象和全局对象

1.let关键字

（1）语法规范

（2）作用

a. 声明变量

b.不能重复声明变量，可以修改其值

c.不存在变量提升，临时性死区（函数内）

注：var声明的变量可以重新声明，可以修改其值；

let声明变量，var不可重复声明；

var声明变量，let不可重复声明；

2.块级作用域

(1)：var声明变量，函数外声明为全局变量，for循环只是绑定了事件，没有执行function，因此每次循环输出的都是4，例子

<script>
//假如li有 4 个
var li=document.querySelectorAll('#List');
for(var i=0;i<li.length;i++){
     li[i].onclick=function(){
         console.log();
     }
}
</script>

(2)：let声明变量，每次for循环都产生一块独立作用域，代替闭包的一些功能；

<script>
//假如li有 4 个
var li=document.querySelectorAll('#List');
for(var i=0;i<li.length;i++){
     li[i].onclick=function(){
         console.log();
     }
}
</script>

（3）哪些情况产生块级作用域：

for、if、else、while等代码块产生块级作用域；例子：

<script>
if(true){
      var a=100;
      let b=200;
      console.log(b);
}
console.log(a);//输出100
console.log(b);//显示没有定义，以为let块级作用域，只能在if能输出
</script>

3.const关键字

（1）作用：声明常量,命名为大写，例子：

<script>
      const DBNAME= "mydb";//声明变量
      console.log(DBNAME);
</script>

注：常量的值不能修改，定义一次即可，例：

<script>
      const DBNAME= "mydb"; //声明变量
      DBNAME = "myData"; //常量的值不能修改
      console.log(DBNAME); //输出显示错误
</script>

（2）特点：const声明的常量同样存在作用域（局部作用域、块级作用域、全局作用域）

例子一：

<script>
      function fn(){
         const DBNAME='123456';
     }
      fn();
console.log(DBNAME); //输出错误未定义，因为此时的const为局部作用域；
</script>

例子二：

<script>
      if(true){
             const DBNAME='123456';
      }
      console.log(DBNAME); //输出错误未定义，因为此时的const产生块级作用域，在if块级里写输出没有问题；
</script>

4.顶层对象和全局对象

ES6去掉顶层对象的概念；

（1）为了向下兼容，在全局作用域中使用var声明的变量和直接声明的函数仍然是顶层对象的属性和方法；

例子：

<script>
      var username = '小红';
     function fn(){
            console.log('我是函数fn');
     }
      console.log(window.username);//输出小红，window在浏览器中属于顶层对象，所有属性都属于他。全部变量和函数都属于顶层对象的属性和方法；同样window.fn();
      window.fn();
</script>

（2）使用let和const声明的变量不再输入顶层对象，不属于window顶层对象；

<script>
      let username = '小红';
      console.log(window.username);//输出错误，显示没有定义（window不存在的属性时输出未定义）同理const也是未定义
</script>

ES6-let和const命令+顶层对象和全局对象

猜你喜欢