FQCD99
FQCD99
采纳率100%
2021-04-11 18:11

求助var和let的区别

 HTML代码区域

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            border-right: 1px solid black;
            border-bottom: 1px solid black;
            width: 500px;
            height: 500px;

        }
         td{
            border-top: 1px solid black;
            border-left: 1px solid black;
        }

        
    </style>
</head>
<body>
  <table>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td>7</td>
            <td>8</td>
            <td>9</td>
        </tr>
    </table>
</body>

JavaScript代码区

<script>
//通过标签名找到td 返回一个数组
    var td = document.getElementsByTagName("td");
//定义循环取到每一个td元素
    for(let i =0; i<9; i++){
//鼠标移到上面背景变成红色
        td[i].onmouseover = function(){
            td[i].style.backgroundColor = "red";
        }
//鼠标移出变成白色
     td[i].onmouseout = function(){
         td[i].style.backgroundColor = "white";
     }
    
    }
</script>

想问的问题是 当我把for循环里面的let换成var时会报错(如下图)

1.请问这是为什么?

2.请问let和var的区别?

 

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

3条回答

  • software7503 CSDN技术专家团-赖老师(软件之家) 27天前

    ES6 新增了let命令,用来声明局部变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。

     

    let非常适合用于 for循环内部的块级作用域。JS中的for循环体比较特殊,每次执行都是一个全新的独立的块作用域,用let声明的变量传入到 for循环体的作用域后,不会发生改变,不受外界的影响。看一个常见的面试题目:

    for (var i = 0; i <10; i++) {  
      setTimeout(function() {  // 同步注册回调函数到 异步的 宏任务队列。
        console.log(i);        // 执行此代码时,同步代码for循环已经执行完成
      }, 0);
    }
    // 输出结果
    10   共10个
    // 这里面的知识点: JS的事件循环机制,setTimeout的机制等
    

    如果把 var改成 let声明:

    // i虽然在全局作用域声明,但是在for循环体局部作用域中使用的时候,变量会被固定,不受外界干扰。
    for (let i = 0; i < 10; i++) { 
      setTimeout(function() {
        console.log(i);    //  i 是循环体内局部作用域,不受外界影响。
      }, 0);
    }
    // 输出结果:
    0  1  2  3  4  5  6  7  8 9
    点赞 1 评论 复制链接分享
  • technologist_16 CSDN技术专家团-天际的海浪 27天前

    var是全局作用域或函数作用域变量
    let是块作用域变量。

    因为你需要在事件内使用事件外的循环变量i。

    如果用var声明的 i 是全局变量,i始终只有一个。
    当事件触发时,那个循环早就结束了,那时的i的值已经是循环最大值加1了。

    而用 let 声明的是块作用域变量,当在for中使用时每次循环都会在循环体的块作用域内创建一个新的i变量,
    每次循环体块作用域都会与事件的function函数形成“闭包”,闭包可以让每次块作用域内的i变量保留,不会被系统回收。
     

    点赞 1 评论 复制链接分享
  • QA_Assistant 有问必答小助手 26天前

    您好,我是有问必答小助手,你的问题已经有小伙伴为您解答了问题,您看下是否解决了您的问题,可以追评进行沟通哦~

    如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

    ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

    点赞 评论 复制链接分享

相关推荐