ES6中出现的let与var的区别

你的名字 2021-09-29 05:44 316阅读 0赞

**1.let声明的变量是块级作用域(由一对花括号括起来那部分),var是函数作用域和全局作用域。**  
***需要注意的是，let除了可以定义块级作用域的变量,也可以用来定义全局变量和局部变量***  
例子如下：

let arr = [1, 2, 3]; //let可以定义全局变量
        function testf() {
            console.log(arr);//[1, 2, 3]
        }

从例子可以看出，用let定义的全局变量是可以使用的  
**2.let声明的变量不会声明提升，var会声明提升**  
例子如下：

function func1() {
            alert(v1);//弹出undefined，因为，只做声明的提升，不做赋值的提升
            var v1 = 5;
        }
    
        //预编译后：
        function func1() {
            var v1;//声明提升了，但是赋值没有提升
            alert(v1);
            v1 = 5;
        }
    
        function func1() { //v1 is not defined
            alert(v1);
            let v1 = 5;
        }

从案例可以看出用var定义变量声明会提升；但是let不会提升，会直接报错  
**3、从代码的写法上，let不能声明同名的变量，var可以。**

// var可以声明同名的变量
        var v1 = 100;
        var v1 = 200;
        console.log(v1);//200
    
    
        let v1 = 100;
        let v1 = 200;
        console.log(v1);//Identifier 'v1' has already been declared

从案例可以看出，var可以声明同名的变量，使用的是后定义的那一个；但是let声明同名的变量会直接报错

本内容为学习笔记，由老师上课总结，如有相似之处请谅解。  
附上老师博客链接，方便大家学习  
[扛把子的博客][Link 1]

[Link 1]: https://blog.csdn.net/jiang7701037

发表评论取消回复

表情：

评论列表（有 0 条评论，316人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6中let和const关键字与var关键字之间的区别？

聚沙成塔·每天进步一点点 ⭐ 专栏简介 ⭐ 变量作用域（Scope）： ⭐ 变量提升（Hoisting）： ⭐ 重复声明： ⭐ 初始化：

以你之姓@/ 2023年10月15日 17:23/ 0 赞/ 45 阅读

相关 ES6常用特性之var、let、const的区别

说到var、let、const三者的区别，就首先要说的是块级作用域 ES5 中作用域有：全局作用域、函数作用域。没有块作用域的概念。 ES6 中新增了块级作用域。

喜欢ヅ旅行/ 2023年08月17日 15:42/ 0 赞/ 141 阅读

相关 ES6（2）：关于 let、var、const，三者区别

一、`var`声明的变量会挂载在window上，而`let`和`const`声明的变量不会 var a = 521; console.log(a,wind

喜欢ヅ旅行/ 2022年12月08日 12:53/ 0 赞/ 116 阅读

相关 [ES6]var、let、const的区别

1.var 声明的变量属于函数作用域，let 和 const 声明的变量属于块级作用域； 2.var 存在变量提升现象，而 let 和 const 没有此类现象； 3.

迈不过友情╰/ 2022年12月07日 15:05/ 0 赞/ 168 阅读

相关 JavaScript es6中的var、let和const

JavaScript es6中的var、let和const 2015 年 6 月，ECMAScript 6 （简称 es6，又称为ECMAScript 2015）正式通过，成

电玩女神/ 2022年09月13日 15:25/ 0 赞/ 218 阅读

相关 es6中的let 和 var 的区别

好久没有更新博客了，![哭][cry.gif] 最近公司赶项目，天天熬夜加班......... 今天公司里一个小伙伴，偶然间提到了ES6中的let 和 var 的区

喜欢ヅ旅行/ 2022年06月02日 01:15/ 0 赞/ 228 阅读

相关 JavaScript ES6中const、let与var的对比

转记！ [https://www.jb51.net/article/116491.htm][https_www.jb51.net_article_116491.htm]

怼烎@/ 2022年05月19日 04:22/ 0 赞/ 360 阅读

相关【JavaScript】深入理解ES6，var，let，const的区别

1，var 声明与变量提升（Var Declarations and Hoisting）使用 var 关键字声明的变量，不论在何处都会被视作在函数级作用域内顶部

矫情吗；*/ 2022年05月16日 08:35/ 0 赞/ 202 阅读

相关 ES6笔记-let和var的区别

let基本用法 ES6新增了let命令，用来声明变量，用法类似于var，但它所声明的变量，只在let命令所在的代码块内有效。 { let a =

清疚/ 2022年04月22日 06:18/ 0 赞/ 237 阅读

相关 ES6中出现的let与var的区别

1.let声明的变量是块级作用域(由一对花括号括起来那部分),var是函数作用域和全局作用域。需要注意的是，let除了可以定义块级作用域的变量,也可以用来定义全局变量和局

你的名字/ 2021年09月29日 05:44/ 0 赞/ 317 阅读