ES6简述及变量常量

最新推荐文章于 2024-04-04 19:30:18 发布

歪大梨

最新推荐文章于 2024-04-04 19:30:18 发布

阅读量90

点赞数

分类专栏：前端文章标签： es6 前端 javascript

本文链接：https://blog.csdn.net/weixin_64037609/article/details/127031386

版权

前端专栏收录该内容

82 篇文章 0 订阅

订阅专栏

变量

常量

es6泛指es5的升级版， es5的升级版
因为js是弱类型的语言，容错性比较强，遗留的一些问题：比如变量可先使用后声明，违反正常的代码规则
es6在es5的基础上新增了一些语法特性,解决了一些es5存在的问题，提升了开发效率
说明：ES2015 就是 ES6

变量

定义：在ES6中给我们提供了一个新的声明变量的关键字 —— let
let的用法：基本和var 没区别
- 声明变量：let 变量名赋值变量：变量名 = xxx
- 声明变量并赋值：let 变量名 = xxx
- 连续声明变量：let 变量名1 = xxx , 变量名2 = xxx , ....
- 连等：let 变量名1 = 变量名2 = .... = xxx

let 和 var的区别

let 声明的变量不能重名否则报错
let声明的变量没有预解析

let声明的变量具备一种特殊的作用域——块级作用域

块级作用域：任何大括号包裹的代码空间都叫块级作用域｛js代码｝

块级作用域的实际应用——解决循环添加事件问题

<!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>
</head>
<body>
    <ul>
        <li>一</li>
        <li>二</li>
        <li>三</li>
        <li>四</li>
    </ul>
    <script>
        var lis = document.querySelectorAll("li");
        for(let i=0; i<lis.length; i++){
            lis[i].onclick = function(){
                console.log(i);
            }
        }
    </script>
</body>
</html>