• ES6中声明变量 let和const特点


    在ES6中我们有两种定义变量的方式:let    const

          let特点:

                1.let定义时不会进行变量声明提升

                2.变量不允许被重复定义

                3.变量不可以被删除

                4.在for循环当中用let定义i 循环时可以保存 i 的值

                5.在块级元素中用let定义的变量只能在当前块级作用域中使用(注:凡是用{}包裹的都是块级作用域,但是除了对象以外

      const特点:(声明常量或者不可被修改的变量)
                 1.const声明的变量值不允许被修改
            2.不会进行变量声明提升
                 3.常量不允许被删除

           对let第四个特点给大家举个小栗子

           若body标签里面有五个button

             <button>按钮1</button>
             <button>按钮2</button>
             <button>按钮3</button>
             <button>按钮4</button>
            <button>按钮5</button>
      script标签里面我们来个标签绑定一个小事件
            <script>
            var btnArr = document.getElementsByTagName("button");
            for (let i = 0; i < btnArr.length; i++) {
                 btnArr[i].onclick = function(){
                     console.log(i);
                 }
            }
      用let定义 i 时点击不同的按钮时,打印的是每个按钮对应i
          
        var btnArr = document.getElementsByTagName("button");
            for (var i = 0; i < btnArr.length; i++) {
                 btnArr[i].onclick = function(){
                     console.log(i);
                 }
            }
      用var定义 i 时点击不同的按钮时,每个按钮打印的都是 5(即循环后 i 的值,因为事件时异步执行的,但是for循环不会等待异步事件)
    </script>
     
     
     

        

  • 相关阅读:
    [转] Web前端优化之 Flash篇
    [转] Web 前端优化最佳实践之 Mobile(iPhone) 篇
    [转] Web前端优化之 图片篇
    [转] Web前端优化之 Javascript篇
    [转] Web前端优化之 CSS篇
    react事件获取元素
    Nodejs学习笔记02【module】
    Nodejs学习笔记01【EventEmitter】
    javascript运算符优先级
    jQuery-placeholder
  • 原文地址:https://www.cnblogs.com/suihang/p/9519427.html
Copyright © 2020-2023  润新知