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,所以默认赋值失败

嵌套解构与对象解构

嵌套解构

解构与函数入参

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


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


    函数的默认配置

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

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

    赋值语句的非模式匹配部分

  • ❌ 变量声明语句


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


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


    赋值语句
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • [TOC] 参考阮一峰的ECMAScript 6 入门参考深入浅出ES6 let和const let和const都...
    郭子web阅读 1,915评论 0 1
  • 官方中文版原文链接 感谢社区中各位的大力支持,译者再次奉上一点点福利:阿里云产品券,享受所有官网优惠,并抽取幸运大...
    HetfieldJoe阅读 3,138评论 3 37
  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    陈老板_阅读 518评论 0 1
  • 不到五小时,高考成绩就要出来了.有人高兴有人伤心…但是 这真的是决定未来的重要转折点吗?考不好就没有未来吗?...
    奇虎人阅读 208评论 0 0
  • 1 2 3 4 5 6 7 8 9 0
    风從哪里来阅读 91评论 0 0

友情链接更多精彩内容