前端基础之ES6

ES6

ES6简介

在这里插入图片描述
ES6实际上是一个泛指,泛指ES2015及后续版本

为什么使用ES6?

每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。

  • 变量提升特性增加了程序运行时的不可预测性
  • 语法过于松散,当实现相同的功能时,不同的人可能会写出不同的代码

变量let

let

ES6中新增的用于声明变量的关键字,ES6之前只有全局作用域和局部作用域,在之后呢才有了块级作用域

let声明的变量只在所处于的块级有效,块级作用域就是一对大括号里的作用域,块级作用域的好处是:(1)能够防止内层变量覆盖外层变量(2)防止循环变量变成全局变量

<script>
    if(true){
        let a= 10;
    }
    console.log(a); // a is not defined
</script>

*注意:*使用let关键字声明的变量才具有块级作用域。使用var声明的变量不具有块级作用域特性。

//防止循环变量变成全局变量
for (var i = 0; i < 2; i++) {
}
console.log(i);// 2 
// 如果改为let则 log打印不出来
不存在变量提升
// 使用let关键字声明的变量没有变量提升
console.log(a);
// let a = 100;//a is not defined(报错)
// var a = 100;// undefined(直接打印输出undefined)
其实在这里实际的执行顺序为:
var a;
console.log(a);
let a = 100;
a= 100;// 所以这里会打印出来undefined
暂时性死区

在块级作用域内,使用let关键字声明的变量会被整体绑定在块级区域,不再受外部代码影响

// 使用let关键字声明的变量具有暂时性死区的特性
var tmp = 123;
if (true) {
    console.log(tmp); //因为使用了let,所以死区特性,就算外面声明了tmp的全局变量,在这里输出tmp也会报错未定义
    let tmp = 111;
}
// 因此只要使用了let,就会和这个块级作用域整体绑定,使用时和外部无关系
let经典面试题

在这里插入图片描述
由于i为全局变量,在函数内部没有定义i的代码,所以匿名函数在执行时是找不到i值的,根据作用域链查找原则,要向上一层作用域链查找i的值,也就是循环创建时的变量i,由于函数调用时,循环早已经结束了,所以i的值是循环条件不满足的时候的值:也就是2。由于数组中存储的两个函数在执行时输出的都是全局变量i,都是2,在arr[0]和arr[1]调用时,i为使循环终止的值即2,所以不管中括号里的数字为几,结果都是arr[2]的值

简单来说
此题的关键点在于变量i是全局的,函数执行时输出的都是全局作用域下的i值。

在这里插入图片描述
将上述代码中的var关键字改为let关键字:
执行函数时,依旧找不到i的定义,所以向上一级进行查找,找到用let定义的i,因为是let定义的,所以是处在块级作用域中,而块级作用域之间不会彼此影响,函数输出时自己作用域下i的值。

常量const

const

作用:声明常量,常量就是指(内存地址)不能变化的量

具有块级作用域
if (true) {
    const a = 10;
}
console.log(a); // a is not defined
// 使用const关键字声明的变量具有块级作用域
if (true) {
    const a = 10;
    if (true) {
        const a = 20;
        console.log(a);//20 因为具有块级作用域,所以对大括号外的区域是没有影响的
    }
    console.log(a); // 10
}
console.log(a);// a is not defined
声明变量时必须赋值
const PI; // Missing initializer in const declaration
常量赋值后,值不能修改

引用类型不能更改地址,可改数值;值类型不可更改数值

const PI = 3.14;
// PI = 100; 
// 修改失败因为不能修改值
//Assignment to constant va
  • 6
    点赞
  • 44
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值