ES6语法: let和const区别

最新推荐文章于 2024-04-30 16:11:18 发布
最新推荐文章于 2024-04-30 16:11:18 发布
阅读量246 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/binbinhxx/article/details/113901494
版权

var变量穿透问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // let和const 解决
        // 1：var变量穿透的问题
        // 2：变量修改的问题
        for(var i=0;i<5;i++){
            console.log(i);
        }
        // 这里就造成变量穿透
        console.log(i);
    </script>
</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // let和const 解决
        // 1：var变量穿透的问题
        // 2：变量修改的问题
        for(let i=0;i<5;i++){
            console.log(i);
        }
        // 这里就造成变量穿透
        console.log(i);
    </script>
</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // let和const 解决
        // 1：var变量穿透的问题
        // 2：变量修改的问题
        for(let i=0;i<5;i++){
            console.log(i);
        }
        // 这里就造成变量穿透
        // console.log(i);
        var PI = Math.PI;
        PI = 100;
        console.log(PI);
    </script>
</body>
</html>

在这里插入图片描述

const PI = Math.PI;
        PI = 100;
        console.log(PI);

在这里插入图片描述
const 定义的常量不可以修改。
在实际开发中，在脚手架，uni-app，小程序中可以大胆使用let和const，如果是web开发建议使用var，因为在低版本的浏览器不支持let和const

_XinXinM_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6新增关键字：let和const及let的常用场景
YY的博客
10-28 688
ES6新增关键字：let和const及let的常用场景
详解javascript中var与ES6规范中let、const区别与用法
10-15
JavaScript中的`var`、`let`和`const`是ES6（ECMAScript 2015）引入的三种不同的变量声明方式，它们各有特点，适用于不同的场景。 首先，`var`是ES5及之前版本的变量声明方式，存在一些问题。其中最显著的是变量...
ES6语法：let和const
2301_77135626的博客
04-01 51
ES6：let和const
ES6语法:let、const
weixin_51028194的博客
12-25 145
ES6 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 ES6实际上是一个泛指，指ES2015及后续的版本。 为什么使用 ES6 ? 每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方，比如： ① 变量提升特性增加了程序运行时的不可预测性 ② 语法过于松散，实现相同的功能，不同的人可能会写出不同的代码 ES6新增语法 let ES6中新增的用于声明变量的关键字 具有块级作用域、不存在变量提升、暂时
let 和 const 区别
wangqiaowq的博客
04-30 350
在JavaScript中，`let` 和 `const` 是两种用于声明变量的关键字，它们都是ES6（ECMAScript 2015）引入的新特性，旨在改进变量声明的方式，与传统的 `var` 关键字相比，提供了更清晰的变量作用域管理和更好的编码实践。总结来说，`let` 提供了一种比 `var` 更精确的变量作用域控制方式，而 `const` 则用于确保变量的值在声明后不会被修改，增强了代码的可读性和可维护性。- 通常，`let` 用于声明那些在程序执行过程中可能需要改变的变量。
ES6语法：let、const
qq_45999658的博客
06-01 47
ES6引入了两个新的关键字：let和const，它们用于声明变量。与传统的var关键字相比，let和const有一些重要的区别。let关键字用于声明块级作用域的变量，其作用域仅限于当前代码块内，不存在变量提升。而const关键字用于声明常量，其值一旦被赋值就不能被修改，但是对于复杂类型的常量，其属性值是可以修改的。本文将详细介绍let和const的用法和特点，帮助读者更好地理解ES6的新特性。
ES6 中的 let 和 const
weixin_47075145的博客
07-08 775
目录01.let 和 const 都是块级作用域。02.let 和 const声明不存在变量提升，只能先声明再使用，否则会报错。03.ES6中不允许重复声明，ES5允许04.const 声明的是一个只读常量，再声明时就需要赋值。05.let 与const 声明赋值问题06. const有关知识07.注意点：08.案例在 ES6 中通常用let 和 const 来声明，let 表示变量、const 表示常量，ES5用var声明 特点：以{ }代码块作为作用域范围 ，只能在代码块里面使用，而var声明的变量全局
ES6研习：let和const命令
qq_37572795的博客
07-31 145
ES6研习：let和const命令 1.let命令 基本用法 ： ES6 新增了let命令，用来声明变量。 注意：所有生命的变量旨在let命令所在代码块中有效，也就是{}中 { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 1.1 不存在变量提升 变量提升 ：var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined。 这样很容易出现各种问题，let声明的变量不存在变量提升 //
ES6中的 let 和 const
webchang的博客
02-04 173
ES6中的 let命令 和 const命令详解
es6常用语法 : let和const
gufudhn的博客
09-15 1032
// 声明变量let和const // let 声明的变量不存在预解析 // console.log(flag); // var flag = 123; undefined // let flag = 456; /*ReferenceError: flag is not defined*/ // ------------------------ // let声明的变量不允许...
JavaScript ES6语法：let与const
一米阳光给的温暖
02-20 145
ES6新增两个变量声明的关键词let和const。 let声明的变量只在当前代码块中有效，该变量在别的代码块中则无效，也就是说let声明的变量的作用域更小，相比var声明的全局变量，let的声明方式操作起来简洁许多。 const声明一个常量，一旦声明，则该常量的值就无法更改了。 一、let声明 { let a = 0; console.log(a) //输出：0 } console.log...
ECMAScript 2015(ES6)：let和const命令
Mr.Kawhi的博客
10-25 562
这是记录和学习ECMAScript 2015(以下均称为ES6)语法的一个系列文章。在理解ES6的每个新特性之前，我会试图将其与ES5的实现方式做一个对比，以期了解ES5的实现方式所存在的问题以及ES6为什么要做这样的修改，通过对比可以更深入的理解和领悟ES6新的语言特性。这部分的内容涉及的知识点可能会在不少前端Js部分的面试题中出现，希望可以有所裨益。
ES6学习笔记之let与const用法实例分析
10-15
在ES6中，`let` 和 `const` 是两种新的变量声明方式，它们与传统的 `var` 关键字有着显著的区别。以下是对这两个关键字的详细分析： 1. **作用域限制**： - `let` 和 `const` 声明的变量仅在其所在的代码块（block...
深入浅出ES6之let和const命令
11-24
ES6，即ECMAScript 2015，为JavaScript引入了许多新特性，其中`let`和`const`是两个重要的变量声明命令，它们对JavaScript的语法产生了深远的影响。这两个关键字都是为了改进`var`存在的问题而引入的，特别是关于...
工作中常用到的ES6语法
10-18
ECMAScript 6是JavaScript语言的下一代标准，已经在2015年6月正式发布了。这篇文章主要介绍了工作中常用到的ES6语法,需要的朋友可以参考下
es6 :: star2：350个项目符号要点中的ES6概述
02-02
- **`let` 和 `const`**：取代了传统的`var`，`let`用于可变变量，`const`用于常量，两者都具有块级作用域。 - **`var` 的问题**：`var`的作用域为函数作用域，可能导致意外的变量提升和共享作用域的问题。 - **`...
方案-基于云架构的校园信息化建设方案.pdf
最新发布
07-29
方案-基于云架构的校园信息化建设方案.pdf
【创新未发表】Matlab实现蛇群优化算法SO-Kmean-Transformer-LSTM负荷预测算法研究.rar
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
【创新未发表】Matlab实现北方苍鹰优化算法NGO-Kmean-Transformer-LSTM组合状态识别算法研究.rar
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
ES6新特性：let、const与解构赋值解析
"本文介绍了ECMAScript 6（ES6）的基本语法和新增特性，包括let与const关键字的使用，变量作用域，解构赋值，以及默认参数等核心概念。" ES6，全称ECMAScript 2015，是JavaScript语言的一个重要版本更新，旨在提升...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值