• 前端研习录(34)——ES6 Let命令|Const命令讲解及示例分析


    前端研习录(34)——ES6 Let命令|Const命令讲解及示例分析


    版权声明

    • 本文原创作者:清风不渡
    • 博客地址:https://blog.csdn.net/WXKKang

      重拾前端记忆,记录学习笔记,现在进入Let命令|Const命令部分

    一、Let命令

      ES6 新增了let命令,用来声明变量,类似于var
      但是:
        所声明的变量,只在let命令所在的代码块内有效
        let声明不存在变量提升
        let不允许重复声明
      
      示例如下:

    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>清风不渡title>
    head>
    <body>
    
        <script>
            if(true) {
                var varStr = "is var";
                let letStr = "is let";    
            }
            console.log(varStr);
            console.log(letStr);
        script>
    body>
    html>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20

      结果如下:

    在这里插入图片描述

    二、Const命令

      const声明一个只读的常量,一但声明不可改变,
      const声明的常量不可改变值,所以在声明的时候就必须赋值,不能留到后面再赋值
      const声明的常量也是只在块级作用域内有效
      const声明的常量也是不存在提升
      const不可重复声明
      
      示例如下:

    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>清风不渡title>
    head>
    <body>
    
        <script>
    
            // 值不可变
            const PI = 3.14;
            console.log(PI);
            PI = 3;
            
            //必须在声明的时候就赋值
            const A;
    
            //块级作用域内有效
            if(true){
                const B = 2;
            }
            console.log(B);
    
            //不存在变量提升
            console.log(C);
            const C = 3;
            
            //const不可重复声明
            const D =4;
            var D = 4;
        script>
    body>
    html>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
  • 相关阅读:
    【软件工程之美 - 专栏笔记】36 | DevOps工程师到底要做什么事情?
    mysql全文索引
    【this指针】
    Python基础教程之五:Python中的数据类型
    Android Bundle putBinder传输超过1MB数据,Kotlin
    linux深入理解多进程间通信
    【Redis在Windows中与Linux中的下载安装,启动服务和设置密码远程连接】
    开源模型应用落地-业务优化篇(七)
    学习杂记1
    毕业设计-springboot+vue公租房租赁管理系统
  • 原文地址:https://blog.csdn.net/WXKKang/article/details/126417933