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

青旅半醒 2022-05-15 04:05 181阅读 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>

发表评论取消回复

表情：

评论列表（有 0 条评论，181人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6 let和const命令

一.let命令 1. 基本用法: let用来声明变量, 用法类似于var, 但是声明的变量只在let命令所在的代码段中有效.

冷不防/ 2022年12月17日 12:56/ 0 赞/ 173 阅读

相关 ES6学习--let和const命令

1.let命令所声明的变量命令所在代码块有效： { let a=10; var b=1; } a;// Reference

绝地灬酷狼/ 2022年09月22日 03:38/ 0 赞/ 223 阅读

相关 ECMAScript 6（3）const和顶层对象

const 解释： 1. 简单来说，学过c++的可以理解为c++的const，没学过可以继续往下看； 2. 如果指向非按引用传递类型（比如字符串，布尔值

你的名字/ 2022年07月13日 10:48/ 0 赞/ 172 阅读

相关 ES6--let和const命令

1. let命令基本用法 ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 {

布满荆棘的人生/ 2022年05月31日 04:40/ 0 赞/ 249 阅读

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

1.let关键字（1）语法规范（2）作用 a. 声明变量 b.不能重复声明变量，可以修改其值 c.不存在变

青旅半醒/ 2022年05月15日 04:05/ 0 赞/ 182 阅读

相关 ES6顶层对象（window）和global对象

ES5只有两种声明变量的方法：使用var命令和function命令。ES6除了添加了let和const命令，还有import命令和class命令，所以一共有6种声明变量的方法。

╰半橙微兮°/ 2022年03月21日 15:12/ 0 赞/ 513 阅读

相关 ES6——let和const命令

> 一、let命令 1、基本用法 ES6新增了let命令，用于声明变量。其用法类似于var，但是所声明的变量只在let命令所在的代码块内有效 {

柔情只为你懂/ 2022年03月21日 05:44/ 0 赞/ 269 阅读

相关 es6 let和const

ES6知识点 let与const let与const let是更完美的var，不是全局变量，具有块级作用域，大多数情况不会发生变量提升。 const定义

╰+攻爆jí腚メ/ 2022年02月05日 03:53/ 0 赞/ 350 阅读

相关 es6 let 和 const 命令

一.let 1.作用域在javascript中只有全局作用域和函数作用域，并不存在块级作用域。这样，在使用时就会出现一些问题。下面我们先来举例说明let块级作用

秒速五厘米/ 2021年09月14日 06:44/ 0 赞/ 394 阅读

相关 ES6 let和const

ES6 let和const 一、let 二、const 三、var、let、const的区别一、let 1.使用let声明的变量形成块级作用域

我就是我/ 2021年09月07日 06:10/ 0 赞/ 416 阅读