4小时快速掌握ES6核心用法 - 1.2 let和const

longfei815

已于 2022-03-20 09:21:55 修改

阅读量286

点赞数

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

于 2022-03-19 09:40:02 首次发布

本文链接：https://blog.csdn.net/jolinoy/article/details/123589193

版权

es6 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

01 let和const

let和const的共同点：

1.声明的变量不会有变量提升
2.是一个块作用域的
3.不允许重复声明

let和const的作用：

1.for循环是一个经典的例子。
2.不会影响全局污染

const的特殊性：一旦被声名，无法被修改。

下面通过代码展示let和const的各种特点：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>01 let和const</title>
</head>

<body>

</body>

<script>
    // let和const
    // 1.let 它跟var一样都是来声明变量，但是有所不同

    // var声明的变量会有变量提升
    // console.log(a);
    // var  a = 2;

    // let声明的变量不会有变量提升，是一个块作用域的
    // console.log(a);
    // let a = 2;

    if(1===1){
        let b = 10;
    }
    console.log(b);

    // 不允许重复声明

    // let c = 10;
    // let c = 30;
    // console.log(c);

    // const声明的变量会被认为是常用，一旦被赋值以后 无法改变。所以const声明变量时立马赋值
    // const max = 30;
    // max = 40;

    // const min;
    
    // const声明的变量也属于块级作用域的
    // if(2===2){
    //     const name = 'mjj';
    // }
    // console.log(name);

    
    /*  const person = {
        name:'mjj'
    }
    // 可以修改变量成员
    person.name = 'alex';
    console.log(person); */


    // 暂时性死区
    // if(1===1){
    //     console.log(a);
        
    //     let a  = 10;
    // }
    // for循环是一个经典的例子。
    var arr = []
    for(let i = 0; i < 10; i++){
        // arr[i] = (function(n) {
        //     return function () {
        //          return n;
        //     }
        // })(i);
        arr[i] = function () {
            return i;
        }
    }
    console.log(arr[5]());

    // 使用let声明的变量不会影响全局污染
    // console.log(RegExp);

    let RegExp = 10;
    console.log(RegExp);
    console.log(window.RegExp);
    
    // 关于let和const在以后的开发中最佳应用：
    // 在默认情况下用const,而只有你在知道变量值需要被修改的情况下使用let

    //let和const的共同点：
    //1.声明的变量不会有变量提升
    //2.是一个块作用域的
    //3.不允许重复声明

    //let和const的作用：
    //1.for循环是一个经典的例子。
    //2.不会影响全局污染

    //const的特殊性：一旦被声名，无法被修改。
    
</script>

</html>

下一节讲解：02 模板字符串

longfei815

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
4小时快速掌握ES6核心用法 - 1.2 let和const

01 let和constlet和const的共同点：1.声明的变量不会有变量提升2.是一个块作用域的3.不允许重复声明let和const的作用：1.for循环是一个经典的例子。2.不会影响全局污染const的特殊性：一旦被声名，无法被修改。下面通过代码展示let和const的各种特点：<!DOCTYPE html><html><head> <meta charset="utf-8"> <t
复制链接

扫一扫