ES6语法（let和const的用法）

最新推荐文章于 2024-04-17 03:51:03 发布
最新推荐文章于 2024-04-17 03:51:03 发布
阅读量196 收藏
点赞数
分类专栏： ES6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45884202/article/details/110435210
版权

ES6语法（let和const的用法）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>let/const</title>
</head>
<body>
    <!-- 
        ECMAScript  2015
        es5  => es6(跨度比较大，为了解决es5中存在的问题)  /es7/es8

        es5:没有类的概念，利用构造函数来使用类的概念，class(声明的类)
     -->
    <script>
        // es5的例子
        // 1.声明变量：
        var a = 10;
        // 第一种：
        function fn(){
           console.log(a);  //10
        }
        fn();
        // 第二种：
        function fn(){
        //    var a;
           console.log(a);  //undefined(相当于 var a;但是未赋值，所以为undefined，这里有一个变量作用域的提升)
           var a = 100;
           console.log(a);  //100
        }
        fn();

        // 2.for循环：
        for(var i=0;i<10;i++){
            console.log("循环",i);  //0123456789
        }
        console.log(i);  //10


        // es6内容
        // 块级作用域
        {
            let a = 1;
            // 声明的变量只在当前块级作用域中生效
        }
        // 有块级的都有以下的内容：
        // function fn(){块级作用域}
        // for(){块级作用域}
        // if(){块级作用域}
        // while(){块级作用域}
 
        // 块级作用域对es5没有作用
        {
            var b = 10;
            let c = 20;
            console.log(b);  //10
            console.log(c);  //20
        }
        console.log(b);  //10
        // console.log(c);  //c is not undefined 
        // defined出现的情况：没有被赋值定义时

        // 循环
        for(let j=0;j<5;j++){
            console.log(j); //01234
        }
        // console.log(j); // j is not defined

        {
            let c = 2000;
            console.log(c);  //2000
            // 和上面的c没有任何作用，他只在次块级作用域起作用
        }
         
        //  双层循环（外层循环一次，内部循环五次)
        for(let m=0;m<5;m++){
            for(let n=0;n<5;n++){
            console.log('内部',n); 
            console.log('第一个循环变量',m); 
           } 
        } 

        {
            // 报错：Cannot access 'x' before initialization
            // 无法在舒适化之前使用'x'
            // console.log(x); 
            let x = 10;
        }

        {
            var x = 10000;
            var x = 20000;
            console.log(x);  //20000
        }
        {
            // let x = 10000;
            // let x = 20000;
            // console.log(x);  // Identifier 'x' has already been declared
        }

        /*
           let:
             1.let声明变量，不能在未声明之前使用；
             2.let声明的循环变量，不会造成循环变量的泄露；
             3.let声明的变量，不存在变量作用域的提升；
             4.let不允许在同一块级作用域重复声明，会报错；
        */



        // const 声明常量
        {
            // const PAI  = 3.1415;
            // PAI = 100;
            // console.log(API);  // 报错：Assignment to constant variable.不可以重复赋值
        }
        
        {
            // const PAI;
            // PAI = 3.1415;
            // console.log(API);  // 报错，Missing initializer in const declaration,必须在声明的同时赋值；
        }

        {
            const PAI = 1000;
            console.log(PAI);//1000
        }

        /*
           const:
                1.当一个数据，被声明之后，在接下来的代码使用中都不会再改变值得情况下，使用const来声明;
                2.const声明常量，必须在声明的同时赋值；
                3.const声明的常量，不可以进行修改；
                4.其他规则和let一样
        */

        /*
          顶层对象，在浏览器环境中指的就是window对象
        */
        {
            var y = 100;
            console.log(y); //100
            console.log(window.y); //100

            function test(){

            }
            test(); 
            window.test(); 
            // console.log(window)
        }
        /*
            es6规定使用 var和function声明的全局变量，属于顶层对象。
            用let和const声明的不属于顶层对象的范围。
        */
        {
            let w = 10;
            console.log(window.w);  //undefined
        }
    </script>
</body>
</html>
咸鱼妹妹
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6语法--let和const
m0_75013895的博客
11-08 206
ES6之前我们声明变量通常都是使用var，但是使用var声明的变量可以重复声明、会提升到顶层、污染全局变量等。ES6之后新增了let和const可以很好的避免了这些。
ES6语法（二）——const的使用
third_的博客
12-12 733
入坑Vue.js（八）——项目实战
【ES6】中var、let、const的区别
shj125的博客
04-20 442
一、 块级作用域{} ES5 中作用域有：全局作用域、函数作用域。 ES6 中新增了块级作用域 块级作用域由{ }包括。if语句和for语句里面的{ }也属于块级作用域 { var a = 1; console.log(a); // 1 } console.log(a); // 1 通过var定义的变量可以跨块作用域访问到 (function A() { var b = 2; console.log(b); // 2
ES6 新特性记录（部分）
L_WalkingPig的博客
04-20 160
1：for of循环 （解决了以往let in ，for循环只能获取数组index问题） 参考网址：https://www.cnblogs.com/mengfangui/p/9504291.html 例： let a = [1,2,3,4,5]; for(let i of a){ console.log(i); //结果为：1,2,3,4,5 console.log(index); // //结果为 0,1,2,3,4 } 2:set数据结构 (去重) 参考网址...
ES6 ES6详细介绍，const和相关解析赋值，模板字符串，箭头函数应用和实例 【详解加实例】(一)(1)
最新发布
m0_60635245的博客
04-17 695
技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）一个人可以走的很快，但一群人才能走的更远！
es6
sdtear的博客
03-29 277
1）原生具备iterator接口的数据结构:Map，set，array，string，typedarray，函数的 arguments对象，nodelist对象 Map键值对 Set类似数组，无重复值 Weakset与Weakmap适用于防止内存泄露 2）Class引入类 类声明 关键字class+类名+{方法} ...
前端es6语法---let和const
TangD_的博客
08-17 1451
各位小伙伴们大家好，最近在复习前端ES6的相关知识点，主要跟的视频是b站大学的黑马的相关视频，在本篇文章中记录一下相关的知识点，大家可以参考一下，有问题也欢迎大家指出
ES6入门--let的基本使用
Hfeidz的博客
10-11 438
let命令 基本用法 ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var 声明的变量返回了正确的值。这表明，let 声明的变量只在它所在的代码块有效。 for
深入浅出ES6之let和const命令
11-24
ES6，即ECMAScript 2015，为JavaScript引入了许多新特性，其中`let`和`const`是两个重要的变量声明命令，它们对JavaScript的语法产生了深远的影响。这两个关键字都是为了改进`var`存在的问题而引入的，特别是关于...
ES6学习笔记之let与const用法实例分析
10-15
在ES6中，`let` 和 `const` 是两种新的变量声明方式，它们与传统的 `var` 关键字有着显著的区别。以下是对这两个关键字的详细分析： 1. **作用域限制**： - `let` 和 `const` 声明的变量仅在其所在的代码块（block...
工作中常用到的ES6语法
10-18
ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发布了。这篇文章主要介绍了工作中常用到的ES6语法,需要的朋友可以参考下
详解javascript中var与ES6规范中let、const区别与用法
10-15
JavaScript中的`var`、`let`和`const`是ES6（ECMAScript 2015）引入的三种不同的变量声明方式，它们各有特点，适用于不同的场景。...在ES6之后的开发中，推荐优先使用`let`和`const`，以充分利用它们带来的优势。
ie11兼容es6语法资源包
03-08
4. **let和const声明（let and const）**：这两个变量声明关键字解决了JavaScript中var的一些问题，如变量提升和作用域限制。 5. **解构赋值（Destructuring）**：可以从数组或对象中快速提取值，进行赋值。 6. **...
02-ES6语法：const常量
热门推荐
光脚丫思考的专栏
03-26 3万+
文章介绍了ES6语法新引入的用来定义常量的const关键字，以及在代码中如何定义常量，并且常量的一些使用规则。
变量
前端学习的博客
07-30 320
ES6 声明变量的六种方法 § ⇧ ES5 只有两种声明变量的方法：var命令和function命令。ES6 除了添加let和const命令，另外两种声明变量的方法：import命令和class命令。所以，ES6 一共有 6 种声明变量的方法。   1.const const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符...
ES6语法的let与var的区别
Jenny的博客
08-03 6918
最近做小程序，看到了ES6语法，于是就学习学习。ES6是JavaScript的下一代标准，所以学习学习是有必要的。多的不说了，现在我们来看看最简单的let与var的声明变量的区别！ 下面我们来一些片段代码： { var a = 1; let b = 2; console.log('区块内a=',a); console.l...
es6 语法 （let 和const）
adai19850204的博客
09-28 125
一、let 和const 1.let 只在自己声明的块作用域中有效； function test(){ let a = 'a'; var b = 'b'; for(let i =1;i<3;i++){ console.log(i); //正常 1.2 } console.log(a,b); //正常 a,b console.log(i); //错误，找不到,{}之外了...
es6基础语法-const
weixin_52999827的博客
11-30 240
** es6基础语法 ** const:声明常量 特点：1，具有块级作用域 2，声明常量时必须赋值 3，常量赋值后，值不能修改 示例： //1,常量不可以被更改 const a = 100 // a = 200; console.log(a) // 2.定义的时候必须赋值 let str;//先定义 str = 'abc'//再赋值 const STR;//此时常量STR不解析当行
ES6基本语法及新增语法
08-20
"本文介绍了ECMAScript 6（ES6）的基本语法和新增特性，包括let与const关键字的使用，变量作用域，解构赋值，以及默认参数等核心概念。" ES6，全称ECMAScript 2015，是JavaScript语言的一个重要版本更新，旨在提升...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值