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

本文主要是介绍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命令+顶层对象和全局对象的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---