美文网首页
ES6备忘录

ES6备忘录

作者: MatthewSp | 来源:发表于2018-07-25 16:57 被阅读9次

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

嵌套解构与对象解构

嵌套解构

解构与函数入参

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


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


    函数的默认配置

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

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

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


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


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


    赋值语句

相关文章

  • ES6备忘录

    ES6的版本问题 ES5正式版产生出09年12月 ES6则出现于15年6月 let let 用于申明变量,但只在当...

  • 设计模式 | 备忘录模式及典型应用

    本文的主要内容: 介绍备忘录模式 示例 备忘录模式总结 备忘录模式 备忘录模式经常可以遇到,譬如下面这些场景: 浏...

  • Android设计模式之(12)----备忘录模式

    备忘录模式 备忘录模式属于行为模式。 字面意思理解,备忘录是一个存储的东西。备忘录模式主要用于保存对象状态,便于之...

  • 别说你懂思维导图20190506

    思维导图辅助个人时间管理 1、备忘录法 年备忘录、月备忘录、周备忘录等,适用相对固定,事务较少的情况 2、计划法 ...

  • 2018-06-16

    人家的备忘录就真的是备忘录,而我的备忘录简直就是矫情少女心发作时的树洞

  • 备忘录模式

    一、备忘录模式介绍 二、备忘录模式代码实例

  • 备忘录模式(Memento Pattern)

    备忘录模式:如果需要对象能返回之前的状态就使用备忘录模式。 备忘录模式是行为性模式之一。备忘录模式包含原发器(Or...

  • 第5章 -行为型模式-备忘录模式

    一、备忘录模式的简介 二、备忘录模式的实例

  • 设计模式之备忘录模式(Memento模式)

    引入备忘录模式 备忘录模式的实例 备忘录模式的分析 引入备忘录模式 我们在使用文本编辑器的时候,一般如果不小心误操...

  • 2018.12.6

    老公的备忘录和我的备忘录 省心和操心的区别*^_^*。

网友评论

      本文标题:ES6备忘录

      本文链接:https://www.haomeiwen.com/subject/obvpmftx.html