JavaScript中let的用法

1、let的引入

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

2、基本用法

{let a = 10;var b = 1;
}
a // ReferenceError: a is not defined.
b // 1

上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值。这表明，let声明的变量只在它所在的代码块有效。

我们在使用for循环的计数器时，就很适合使用let命令，如下：

for (let i = 0; i < 10; i++) {// ...
}
console.log(i);
// ReferenceError: i is not defined

上面代码中，计数器i只在 for循环体内有效，在循环体外引用就会报错。如果使用 var，最后输出的是10。

3、不存在变量提升

var命令会存在“变量提升”现象，即变量可以在声明之前使用，值为undefined。这种现象会让人觉得很奇怪，按照一般的逻辑，变量应该在声明语句之后才可以使用。

那么为了纠正（避免）这种现象，let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则会报错。

// var 的情况
console.log(foo); // 输出undefined
var foo = 2;// let 的情况
console.log(bar); // 报错ReferenceError
let bar = 2;

JavaScript中let的用法相关推荐

javascript 中 console 的用法
javascript 中 console 的用法视频 https://www.bilibili.com/video/BV1g7411L751?from=search&seid=1567656 ...
JavaScript中window.open用法实例详解
本文较为详细的分析了JavaScript中window.open用法.分享给大家供大家参考.具体如下: 复制代码代码如下: <script LANGUAGE="javascript& ...
javascript 中this 的用法:
javascript 中this 的用法: 1.<div οnclick="// 可以在里面使用this">division element</div> t ...
关于JavaScript中typeof的用法
一.typeof的作用在JavaScript中,变量未经声明就使用,系统是会报错的.但是,typeof却是js中有且仅有的一个特例. typeof的作用就是用来区分数据类型的,下面先说说typeof ...
javascript中call的用法总结
javascript中call的用法总结 1.使用call方法调用函数并且指定上下文的'this' function greet(){console.log(this.name+",age= ...
javascript 中innerHTML的用法
javascript 中innerHTML的用法语法 Object.innerHTML = "HTML";//设置其内容 var html = Object.innerHTML; ...
JavaScript中splice的用法
JavaScript中的splice主要用来对JS中的数组进行操作,包括删除,添加,替换等,原来的数组会被改变: 删除: array.splice(index,num),返回值为删除内容,array为 ...
JavaScript中 with的用法
文章是本人大三期间的学习笔记,一些论断取自书籍和网上博客,碍于当时的技术水平有一些写得不够好的地方,可以在评论处理智讨论~ 说起js中的with关键字,很多小伙伴们的第一印象可能就是with关键字的作 ...
JavaScript中typeof的用法
JavaScript中typeof知多少? typeof运算符介绍: typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型. 它返回值是一个字符串,该字符串说明运算数的类型. 你 ...
javascript中reduce的用法
文章目录一.reduce基本语法二.reduce常用场景 1. 求和 2. 数据拼接三.实际项目中使用示例 1. 模拟Redux中的compose方法 1.1. 简单写法 1.2 利用reduc ...

JavaScript中let的用法

1、let的引入

2、基本用法

3、不存在变量提升

JavaScript中let的用法相关推荐

最新文章

热门文章