let,const声明变量、声明特性、以及运用场景介绍大全

A.let:

1.let修饰的变量不能重复声明

let a=10
let a=11   //错误,let修饰的变量不能重复声明

2.其为块级作用域,举个非常简单的例子

{
  let a=10
}
console.log(a)//在这里会报错,因为let只存在于{}块级作用域当中

3.不存在变量提升,也就是变量的声明不能放在使用的后面。例如:

console.log(a)
a=10   //在这里输出的时候其会报错,因为不存在变量提升,变量的使用在声明的前面

4.不影响作用域链

{
   let a=10
   functon fun(){
      console.log(a)
  }
  fun()         //在这里调用fun()函数的时候,首先在fun()作用域当中是不存在a这个定义的变量的,所 
        以其会跑到掐灭去寻找a这个变量
}

5.在for循环里面就非常适合使用let来遍历,举个简单的例子

这个是let修饰的for循环

for (let i = 0; i < 10; i++) {
  // ...
}

console.log(i);
// ReferenceError: i is not defined

这个是var修饰的for循环,这个时候他就会输出10而不是输出6

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 10

为什么会这个样子呢?

原因:

上面代码中,变量ivar命令声明的,在全局范围内都有效,所以全局只有一个变量i。每一次循环,变量i的值都会发生改变,而循环内被赋给数组a的函数内部的console.log(i),里面的i指向的就是全局的i。也就是说,所有数组a的成员里面的i,指向的都是同一个i,导致运行时输出的是最后一轮的i的值,也就是 10。

如果使用let,声明的变量仅在块级作用域内有效,最后输出的是 6。

6.暂时性死区:

在一个块级作用域当中使用let,那么会导致变量绑定这个区域,不再受其他区域的影响

var a=10;
{
    while(true){
        a=11  // ReferenceError
        let a
    }
}

在上面会报错ReferenceError,因为在这里let a已经绑定了a,导致外面的var a=10在这个{ }块级作用域当中无法使用,所以这个时候在块级作用域当中a的使用比定义还要前面,所以会报错ReferenceError.
 

B.const:

1.一定要赋初始值

const a 如果不赋值那么其就会报错

2.const修饰的常量的值不能随意修改

3.有块级作用域(类似前面所说的let的块级作用域属性)

4.在修饰变量的时候变量一般会使用大写(这是默认的潜规则)

5.对数组和对象进行修饰的时候,如果改变数组或者对象的值,那么其不会报错

const a=['lao','zhi','chi']
a.push('liulijuan')  //在这里其不会报错

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值