（一） ES6 新特性 ——let与const关键字

CSDN话题挑战赛第2期
参赛话题：学习笔记

2.1.let 关键字

2.2. const 关键字

2.1.let 关键字

let 关键字用来声明变量，使用 let 声明的变量有几个特点：

不允许重复声明

块儿级作用域

不存在变量提升

不影响作用域链

应用场景：以后声明变量使用 let 就对了

let声明变量：

let a;
let b,c,d;
let e = 100;
let f = 521, g='iloveyuo', h=[];

1. 变量不能重复声明（var可以重复声明）

let star = 1;
let star = 2;
var b = 3;
var b = 4;
a  // Identifier 'a' has already been declared
b  // 4

2. 块级作用域

作用域：块级作用域、全局作用域、函数作用域、eval

{let girl = '周扬青';
}
console.log(girl);

{var girl = '周扬青';
}
console.log(girl);

let——块级作用域：其作用域为该语句所在的代码块内，只在代码块{}中有效，在外面无法读取。 var——非块级作用域，其作用域为该语句所在的函数内，代码块{}外也能访问。

✨for 循环计数器很适合用 let

for (var i = 0; i < 10; i++) {setTimeout(function(){console.log(i);})
}
// 输出十个 10
for (let j = 0; j < 10; j++) {setTimeout(function(){console.log(j);})
}
// 输出 0123456789

变量 i 是用 var 声明的，在全局范围内有效，所以全局中只有一个变量 i, 每次循环时，setTimeout 定时器里面的 i 指的是全局变量 i ，而循环里的十个 setTimeout 是在循环结束后才执行，所以此时的 i 都是 10。

变量 j 是用 let 声明的，当前的 j 只在本轮循环中有效，每次循环的 j 其实都是一个新的变量，所以 setTimeout 定时器里面的 j 其实是不同的变量，即最后输出 12345。（若每次循环的变量 j 都是重新声明的，如何知道前一个循环的值？这是因为 JavaScript 引擎内部会记住前一个循环的值）。

3. 不存在变量提升

console.log(song);
let song = '恋爱达人';

（一） ES6 新特性 ——let与const关键字相关推荐

ES6新特性02-const关键字
ES6新特性02-const关键字文章目录 ES6新特性02-const关键字一.const关键字的使用一.const关键字的使用一定要赋初始值一般常量使用大写(潜规则) 常量的值不能修改 ...
js中执行到一个if就停止的代码_Node.JS实战64：ES6新特性：Let和Const。
以往版本的JS中,如果你在if中定义一个变量,这个变量在if外部也是可以访问的,而不管if条件是否被执行,如: if(false){ var x = "hello JShaman" ...
实战 es6_Node.JS实战64：ES6新特性：Let和Const
以往版本的JS中,如果你在if中定义一个变量,这个变量在if外部也是可以访问的,而不管if条件是否被执行,如: if(false){ var x = "hello JShaman" ...
html5 跳转参数不显示_HTML5、CSS3、ES6新特性总结
前言:HTML5.CSS3.ES6新特性,可以说是基础前端的面试的必考题了,以下是关于新特性的基本总结. HTML5: 语义化的区块和段落元素:<section>,<article& ...
尚硅谷es6新特性笔记
尚硅谷es6新特性笔记一.let与const let的变量声明以及声明特性 const的变量声明以及声明特性 const.let.var 三者之间的区别二.变量解构赋值三.模板字符串四.对象的 ...
lsdyna如何设置set中的node_list_如何快速掌握es6+新特性及核心语法？
国庆刚刚结束,我们开始一波新的学习进程吧. ECMAScript 6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了.作为前端必备技能,我们来快速开始吧接 ...
ES6新特性----面试
ES6新特性关键字 let关键字 const关键字解构赋值变量的解构赋值数组的解构赋值对象的解构赋值字符串的解构赋值数值和布尔值的解构赋值函数参数的解构赋值用途模板字符串箭头函数 ...
ES6新特性16-Class
ES6新特性16-Class 文章目录 ES6新特性16-Class 一.Class介绍和初体验二.class静态成员三.构造函数继承四.子类对父类方法的重写五.get和set 一.Class ...
ES6新特性(部分语法)
ES6新特性文章目录 ES6新特性 1.0let关键字 1.1let小案例 1.2const关键字 1.3解构赋值 1.4模板字符串 1.5简化对象写法 1.6箭头函数 1.7箭头函数的案例 1.7 ...

（一） ES6 新特性 ——let与const关键字

2.1.let 关键字

（一） ES6 新特性 ——let与const关键字相关推荐

最新文章

热门文章