ES6 let 、const 详解

最新推荐文章于 2024-07-09 18:13:44 发布

有太阳了

最新推荐文章于 2024-07-09 18:13:44 发布

阅读量218

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/zxcve/article/details/124696971

版权

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

let 允许创建块级作用域，ES6 推荐在函数中使用 let 定义变量，而非 var

let变量声明

声明方式：

let a;

let b,c,d;

注意事项：let变量不能重复声明,防止变量重复命名导致变量污染

重复声明报错：

let 作用域

简述：let变量声明仅在同一代码块内可以读取，只做用于块级作用域

{
  let hello = 'ES6';
}
console.log(hello); //Error:hello is not defined. hello 未定义

let 不存在变量提升

简述：变量在未声明前不可以使用

console.log(song);
let song = '请出现吧' 
//Error: Cannot access 'song' before initialization. 不允许在声明前使用

块级作用域产生原因

ES5只包括全局作用域和函数作用域，但是在应用中一些内层变量因为变量提升而变成全局变量，使内层逻辑不符常理，因此ES6出现“块级作用域”这一方法解决其产生的问题。

var a = '外层变量';

function fn() {
  console.log(a);
  if (false) {
	var a = '内层变量';
  }
}

fn();//undefined

块级作用域的应用

let 变量没有变量提升，仅在当前代码块内作用，其特点很好的解决了这一问题。

let实际上为 JavaScript 新增了块级作用域：

let a = '外层变量';

function fn() {
  console.log(a);
  if (false) {
	let a = '内层变量';
  }
}

fn();//外层变量

同样在块级作用域有效的另一个变量声明方式是 const，const的与let的特点基本相同，同样不存在变量提升，只能在声明后使用。

const 常量声明

声明方式：

const NAME = 'ES6常量';

注意事项：常量声明时就需要赋值且一般常量值需要大写

const 常量值无法修改

const NAME = 6;
NAME = 5;
console.log('NAME');//Error: Assignment to constant variable

对数组和对象元素的修改，不算对常量值的修改，并不会报错

 const ARR = ['sa', '56ty', 'assd']
 ARR.push('uiop')
 console.log(ARR);// 正常输出：["sa", "56ty", "assd", "uiop"]

const 常量作用域

简述：仅在同一代码块内可以读取，只做用于块级作用域

 {
    const LEARNING = '常量';
 }
console.log(LEARNING); //Error:LEARNING is not defined

关注