js let 和var有什么区别

最新推荐文章于 2024-07-21 16:07:54 发布
最新推荐文章于 2024-07-21 16:07:54 发布
阅读量1.6k 收藏 11
点赞数 3
分类专栏： js es6 文章标签： let 和var的区别 块级作用域
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woshidamimi0/article/details/95883428
版权
js 同时被 2 个专栏收录
68 篇文章 4 订阅
订阅专栏
es6
2 篇文章 0 订阅
订阅专栏

es6标准制定之后，我们就可以使用let来声明一个变量，从而让代码变得更加容易控制

接下来我就说一下我对let和var的看法

首先，用var声明的变量会存在变量提升

也许你会问什么是变量提升 如下图

变量未定义直接使用就会报is not defined

但是如果你这样写的话，在控制台看到的就是undefined，而不是未定义

 

你一定很疑惑，因为我们都经常看到说js代码是从上往下执行的

其实，这是因为js解析的时候会把变量提升到代码的最上方，当然，函数也会被提升（之后有空再说这个）。所以就相当于这样

这就是所谓的变量提升 

而let就没有变量提升这个概念，用let之后a变量就变成了未定义

接着我们再来看看let最大的好处 ——多了块级作用域

我们知道 在es6之前js只有全局作用域和函数作用域，并且外部作用域无法访问内部作用域的变量，这样子有时候会让我们无法清晰的理解变量的作用域在哪里，所以es6引入了块级作用域

先来看一段循环代码，注意这里使用的是var 来声明变量，然后在循环外面打印变量

这样可以获取到变量i的值，这是因为es6之前for if这些条件循环语句是没有自己的作用域的，它们的作用域就是它们的外层作用域

但是，如果我们用let来声明，这样就无法打印变量i的值了

这是因为let声明的变量多了块级作用域，可以简单的理解为一对花括号就是一个块级作用域，for里面形成了自己的作用域，不会被外部读取

外部的i无法读取for循环里面的i变量，所以就报错

有了块级作用域之后我们就可以更加容易的掌握变量所在的作用域了

woshidamimi0
关注
专栏目录
var 和 let的区别_let 和 var的区别
天马3798
06-11 2486
js定义变量前言1.js 定义变量 使用 var 或者let2.js定义常量 使用 const3.var 定义变量是用js语言诞生就有的； let定义变量是从ES6新语法开始的。4.let定义变量，符合常规强类型语言定义变量逻辑，新定义再使用+不能重复生命。var 和 let的区别_let 和 var的区别整理如下：一、作用域级别不同var是函数级作用域let只能是块级作用域，跟C#等强类型变量作用域一样。在函数中声明了var，整个函数内都是有效的，比如说在for循环内定义的一个var变量，实际上其在for
JavaScript中的 let 和 var
流楚丶格念的博客
11-01 1万+
文章目录let 和 varlet 的诞生let与var区别全局作用域函数作用域块作用域let 和var 重新声明constlet 应用场景 let 和 var let 的诞生 在ES6之前，我们都是用var来声明变量，而且JS只有函数作用域和全局作用域，没有块级作用域，所以{}限定不了var声明变量的访问范围。 ES6 新增了let命令，用来声明局部变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效，而且有暂时性死区的约束。 let与var区别 let和var的区别体现在作用域上
javascript中let和var的区别
snow_love_xia的博客
08-22 3427
今天使用laravel-admin中的JS来控制页面的操作 部分内容转载于简书：javascript中let和var的区别 一、背景 $script = <<<JS const iIndexs = "{$iIndexs}"; $('#indexs').on('input', _debounce(ajaxVerifyI...
在JavaScript中let与var的区别
最新发布
疯狂屌丝程序员
07-21 550
使用let：适用于需要块级作用域和防止重复声明的场景，能够提升代码可读性和可维护性。使用var：由于其作用域和提升特性，在现代JavaScript开发中一般不推荐使用，除非需要兼容某些旧的代码或背景。在现代JavaScript开发中，通常建议优先使用let和const（用于声明常量），以增强代码的可读性和避免潜在的错误。
【JS】var和let区别详解
weixin_57208584的博客
04-09 1236
let 声明的变量的作用域既可以是全局或者整个函数块，也可以是 if、while、switch等用。1、执行上下文：执行上下文有三类：全局执行上下文、函数执行上下文、eval 函数执行上下文。上述过程就是我们所谓的“变量提升”，这也就能解释为什么变量可以在声明之前使用，因为。let声明的作用域下，虽然变量依然在创建执行上下文的时候就被创建，var 和 let 的作用域规则都是一样的，其声明的变量只在。- var 声明的变量的作用域只能是全局或者整个函数块的。var 在全局环境声明变量，会在。
JS中var和let的区别
热门推荐
Masterheaven的博客
09-10 2万+
var和let的区别： 区别： 1.使用var声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象； 2.使用let声明的变量，其作用域为该语句所在的代码块内，不存在变量提升； 3.let不允许在相同作用域内，重复声明同一个变量。 1.基本语法 { let a = 125; var b = 521; } a // Uncaught ReferenceError: a is not defined b // 521 总结：使用let声明的变量报错，var声明的返回正确的值，这说明，let声明
js中let和var定义变量的区别
11-27
在JavaScript编程语言中，`let` 和 `var` 都是用来声明变量的关键字，但它们在作用域、提升（Hoisting）以及重复声明等方面存在显著差异。这些差异在JavaScript的严格模式（'use strict'）下更为明显。 首先，`var`...
面试官竟然问我JavaScript中var、let和const有什么区别这样简单的问题？
01-08
在JavaScript编程语言中，声明变量有三种主要方式：var、let和const。这些关键字各具特点，理解它们之间的差异对于编写高效、可维护的代码至关重要。 1. var var 是 JavaScript 中较早引入的变量声明方式。它具有...
了解javascript中let和var及const关键字的区别
10-16
在JavaScript编程语言中，`let`、`var`和`const`都是用于声明变量的关键字，但它们在使用和行为上存在显著的区别。下面将详细解释这些差异。 1. **声明后未赋值的表现** 不论是`let`、`var`还是`const`，在声明但...
js中var定义与let定义的区别
happy_kx的博客
03-12 1306
1.作用域不同，var是全局作用域，而let是块作用域。 2.var可以先使用在定义，而let只能先定义后使用。 3.let不能被重新定义，但是var可以
JS中的let和var的区别
君君的博客
09-09 218
最近很多前端的朋友去面试被问到let和var的区别，其实阮一峰老师的ES6中已经很详细介绍了let的用法和var的区别。我简单总结一下，以便各位以后面试中使用。 ES6 新增了let命令，用来声明局部变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效，而且有暂时性死区的约束。 先看个var的常见变量提升的面试题目： 题目1： var a = 99; // 全局变量a f(); // f是函数，虽然定义在调用的后面，
js JavaScript let和var区别
weixin_45444673的博客
05-30 200
摘自 js高级程序设计 第四版 25页； js6的一个概念 var 声明提升 使用 var 时，下面的代码不会报错。这是因为使用这个关键字声明的变量会自动提升到函数作用域顶部： function foo() { console.log(age); var age = 26; } foo(); // undefined 之所以不会报错，是因为 ECMAScript 运行时把它看成等价于如下代码： function foo() { var age; console.log(age);
Javascript中var和let之间的区别
记录分享编程与冲浪知识
02-21 1204
JavaScript中var和let的区别
JS中var和let区别
tanghecheng111的博客
11-25 3286
1.let声明的变量是块级作用域（所在花括号里），var是函数作用域和全局作用域 注意：let是可以定义全局变量，局部变量，块级作用域的变量。 2.let声明的变量只在其声明的块或子块中可用，这一点，与var相似。二者之间最主要的区别在于var声明的变量的作用域是整个封闭函数。 3.通过var关键字声明的变量没有块作用域，在块{ }内声明的变量可以从块之外进行访问。 通过let关键字声明的变量拥有块作用域，在块{ }内声明的变量无法从块外访问 { var x =...
js中var与let的区别
m0_48844699的博客
09-28 764
var与let在js中都是用来定义变量的，变量就相当于一个容器，我们可以通过变量名，对里面的值进行修改。let与var虽然都是用来定义变量的，但是他们会有所不同。
简述js中var和let的差异
qq_41296917的博客
12-23 855
js var和let的区别 1：作用域不du一样，var是函数作用域，而let是块作用域，也就zhi是说dao，在函数内声明了var，整个函数内都是有效的，比如说在for循环内定义了一个var变量，实际上其在for循环以外也是可以访问的，而let由于是块作用域，所以如果在块作用域内（比如说for循环内）定义的变量，在其外面是不可被访问的，所以let用在for (let i; i < n; i++)是一种很推荐的写法 let不能在定义之前访问该变量，但是var是可以得。也就是说，let必须是先定义，
JavaScript—let和var的区别(良心总结!!)
YanniLiYnni的博客
12-01 319
文章目录前言1. 变量的挂载不同2.有无变量提升3.能否重复声明4.是否有块级作用域5. 暂时性死区6.const声明注意事项暂时性死区typeof不再安全隐蔽型死区总结 前言 由于ES6的出现，变量声明不再单调，除了可以用var外，还可以使用let和const。 ES5: var ES6: let、const 下面来了解下它们声明的变量有哪些区别。 1. 变量的挂载不同 var 声明的变量会挂载在 window 上，而 let 和 const 声明的变量不会 let 、const 声明的变量会
js中let和var有什么区别
06-03
在 JavaScript 中，`var` 和 `let` 都可以用来声明变量，但它们之间有一些重要的区别。 1. 作用域：`var` 声明的变量是函数作用域或全局作用域，而 `let` 声明的变量是块级作用域。 2. 提升：`var` 声明的变量会被...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值