ES6-let和const命令+顶层对象和全局对象 青旅半醒 2022-05-15 04:05 134阅读 0赞 **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>
还没有评论,来说两句吧...