您的当前位置:首页正文

ES6备忘录

来源:花图问答

ES6的版本问题

  • ES5正式版产生出09年12月
  • ES6则出现于15年6月

let

  • let 用于申明变量,但只在当前'{}'包裹的代码块内引用有效,出了当前块级作用域就会失效;

  • let 申明变量不存在申明提升的问题,必须先申明后引用;

  • let与for循环配合,可以有效解决申明var i = 0带来的传值/传址问题;for循环申明的let i = 0与循环体内的let i = 123不会冲突,两者作用域不同;


    let解决传值问题
    for循环的let变量申明与内部let变量申明无影响
  • 暂时性死区:只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。


    暂时性死区
  • 块级作用域内申明函数:函数声明语句的行为类似于let,在块级作用域之外不可引用,然而在实际使用时,为了兼容老版本代码,块级作用域内申明函数会报错。建议使用函数表达式来申明。


    块级作用域内的函数

const

  • const 申明变量时必须赋值,赋值不可改变;
  • const 并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制


    const关注的是内存地址不变

申明变量的6种方式

  • var 与 function
  • let 与 const
  • import 与 class

顶层对象

  • 取到顶层对象的勉强办法:


    获取顶层对象

解构赋值

  • 默认值:ES6 内部使用严格相等运算符(===),判断一个位置是否有值。所以,只有当一个数组成员严格等于undefined,默认值才会生效


    默认值必须为undefined
  • 默认值:如果默认值是一个表达式,那么这个表达式是惰性求值的,即只有在用到的时候,才会求值。


    等号右边不是undefined,所以默认赋值失败

嵌套解构与对象解构

嵌套解构

解构与函数入参

  • 入参时利用解构设置默认值


    解构时设置默认值
  • 区别于函数的默认配置:只要入参不为空,哪怕是{}空对象,也无法启用默认配置


    函数的默认配置

解构时圆括号的使用注意事项

  • ✔️ 赋值语句的非模式部分

    赋值语句的非模式匹配部分
  • ❌ 变量声明语句


    变量申明不可使用圆括号
  • ❌ 函数参数


    函数申明也不可用圆括号
  • ❌ 赋值语句的模式


    赋值语句