ES6

1. ES6

1.1 ES6 定义
ES的全程是ECMAScript,它是由ECMA国际标准化定制的一项脚本语言的标准化规范。
ES6是ES2016以后版本的统称;
为什么使用ES6?

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

2. let关键字

ES6中新增的用于声明变量的关键字

1)let声明变量只在所处的块级有效
2) 不存在变量提升,所以要提前声明变量;
3)暂时性死区,意思:在局部使用let声明的变量在全局作用域上不起作用;

注意1:在一个大括号中,使用let关键字声明的变量具有块级作用域,var关键字是不具备这个特点的

  if (true) {
   
            var num = 100;
            let number = 30;
        }
        console.log(num);
        console.log(number); //报错

注意2:防止循环变量变成全局变量

for(let i = 0; i < 3; i++){
   

      }
      console.log(i);//会报错,因为let已将i绑定在for循环里

let面试题:
在这里插入图片描述

let、const、var的区别:
在这里插入图片描述
结果:0 1
在这里插入图片描述
结果:2 2

3. const关键字

作用:声明常量,常量就是值(内存地址),不能变化的量。
具有特点:
1)具有块级作用域
2)使用const关键字声明的常量必须赋初始值,不然就会报错
3)常量赋值后,值不能修改,实际上是值的内存地址不能更改

注意:复杂数据类型:数据内部的值可以更改,但是不可以修改内存地址,就是重新赋个新值
看下列例子:

在这里插入图片描述

4. 解构

4.1 解构赋值

解构:分解数据结构
**赋值:**为变量赋值
ES6中允许数组从中提取值,按照对应位置,对变量赋值,对象也可以实现解构。

4.1.1 数组解构
数组解构允许我们按照一一对应的关系从数组中提取值,然后将值赋给变量。

在这里插入图片描述
4.1.2 对象解构
实质:是属性的匹配
写法1:
let {变量名1,变量名2····} = 对象;
在这里插入图片描述
写法2:
let {属性:属性值, 属性:属性值····} = 对象
在这里插入图片描述

4.2 箭头函数
ES6中新增的定义函数的方式
语法(放形参)=>{函数体}
为了调用,通常写成:fn = (放形参)=>{函数体}

4.2.1 在箭头函数中,如果函数体中只有一句代码,并且代码的执行结果就是函数的返回值,函数体的大括号可以省略

// const sum = (n1, n2) => {
   
        //     return n1 + n2;
        // }

        // console.log(sum(2, 5));
        
        // 上面代码可以写成:
        const sum = (n1, n2) => n1 + n2;
        console.log(sum(2, 4));

4.2.2 在箭头函数中,如果形参只有一个,形参外侧的小括号也是可以省略的

 const fn = v => {
   
            alert(v
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值