ES6一共有6种声明变量的方法

  --ES5只有var 和 function

  --ES6新增了let、const、import和class四种

ES6新增let和const,用来声明变量,是对var的扩展。
let基本用法
  -let声明的变量只在let命令所在的代码块内有效
  -for循环很适合let命令
  -不存在变量提升,必须先声明再使用

    --主要减少运行时错误,防止出现意料之外的bug
  -暂时性死区

    --块级作用域内存在let命令,它所声明的变量就绑定这个区域,不会再受外部的影响

    --导致typeof不再是十分安全的操作

  -不允许重复声明

    --咱相同的作用域内,不允许重复声明用一个变量

块级作用域

  -为什么需要块级作用域?

    --因为原本ES只有全局作用域和函数作用域,没有块级作用域,带来很多不合理的场景

      ---变量提升,导致变量覆盖

      ---循环结束后,变量并没有消失,造成全局变量泄漏

ES6的块级作用域

  -let为js增加了块级作用域

  -ES6允许块级作用域任意嵌套

    --外层作用域无法读取内层作用域的变量

    --内层作用域可以定义外层作用域的同名变量

    --块级作用域的出现,使得立即执行函数不再必要了

块级作用域与函数声明

  -ES5规定 > 函数只能在顶层作用域和函数作用域中声明,不能在块级作用域声明

    --严格模式下浏览器才能遵守这个规定

     

  -ES6引入块级作用域,明确允许在块级作用域中声明函数

    --块级作用域中声明的函数在块级作用域之外不可以引用

  -由于运行环境差异太大,应避免在块级作用域内声明函数,若需要,可使用函数表达式而不是函数声明语句

const命令

  -const声明一个只读的常量,一旦声明,便不可改变

    --由于const声明之后不可改变,所以const一旦声明就必须初始化

    --const作用域与let相同 > 只在声明所在的块级作用域内有效

    --const声明的常量也不会声明提升,同样存在暂时性死区,一样不可重复声明

总结:

  -如果区块中存在let和const命令,这个区块对这些指令声明的变量,一开始就会形成封闭作用域

    --因此在此声明之前使用这些变量就会报错,一定要先声明再使用

---------------------------------------------------------------------------------

数组的解构赋值

  -ES6允许按照一定的模式,从数组和对象中提取值,对变量进行赋值 >> 称为解构

  

    --这种写法在本质上属于"模式匹配",只要等号两边的模式相同,左边的变量就会被赋予对应的值

    --若是解构不匹配,变量找不到相对应的值,那么其的值就等于undefined

  -如果等号右边不是数组,即不是可遍历的结构,那么解构将会报错

    --转换为对象以后也不具备可遍历的结构

    --本身就不具备可遍历的结构

  -解构赋值适用于var、let、const以及set结构

    -只要某种数据结构具有可遍历的结构,都可以采用数组的形式的结构赋值

  -解构赋值允许指定默认值

    

      --默认值生效 > 对象的属性值严格等于undefined

   -结构赋值实质是为变量赋值,而不是为模式(属性)赋值

解构赋值用途

  -交换变量的值

    

  -从函数返回多个值

    --函数只能返回一个值,如果要返回多个值,只能将他们放在对象或数组里返回,有了解构赋值,取值就会非常方便

      

  -函数参数的定义

    --解构赋值可以方便的将一组参数与变量名对应

      

  -提取JSON数据

    --结构赋值对提取JSON对象中的数据,尤其有用

     

  -函数参数的默认值

    --指定参数的默认值,避免在函数体内写逻辑判断语句

ES入门笔一的更多相关文章

  1. ES 入门之一 安装ElasticSearcha

    安装ElasticSearcha 学习ES也有快一个月了,但是学习的时候一直没有总结.以前没有总结是因为感觉不会的很多,现在对ES有一点了解了.索性就从头从安装到使用ES做一个详细的总结,也分享给其他 ...

  2. ES 入门记录之 match和term查询的区别

    ElasticSearch 系列文章 1 ES 入门之一 安装ElasticSearcha 2 ES 记录之如何创建一个索引映射 3 ElasticSearch 学习记录之Text keyword 两 ...

  3. OpenGL ES入门09-GLSL实现常见特效 [转]

    本文转自简书,原文地址http://www.jianshu.com/p/e4a8c83cd37 本文是关于OpenGL ES的系统性学习过程,记录了自己在学习OpenGL ES时的收获. 这篇文章的目 ...

  4. ES入门三部曲:索引操作,映射操作,文档操作

    ES入门三部曲:索引操作,映射操作,文档操作 一.索引操作 1.创建索引库 #语法 PUT /索引名称 { "settings": { "属性名": " ...

  5. OpenGL ES入门详解

     http://blog.csdn.net/wangyuchun_799/article/details/7736928 1.决定你要支持的OpenGL ES的版本.目前,OpenGL ES包含1.1 ...

  6. OpenGL ES 入门

    写在前面 记录一下 OpenGL ES Android 开发的入门教程.逻辑性可能不那么强,想到哪写到哪.也可能自己的一些理解有误. 参考资料: LearnOpenGL CN Android官方文档 ...

  7. ES 入门 - 基于词项的查询

    准备 首先先声明下,我这里使用的 ES 版本 5.2.0. 为了便于理解,这里以如下 index 为格式,该格式是通过 PMACCT 抓取的 netflow 流量信息, 文中所涉及的到的例子,全基于此 ...

  8. IOS 中openGL使用教程2(openGL ES 入门篇 | 绘制一个多边形)

    在上一篇我们学习了如何搭建IOS下openGL的开发环境,接下来我们来学习如何绘制一个多边形. 在2.0之前,es的渲染采用的是固定管线,何为固定管线,就是一套固定的模板流程,局部坐标变换 -> ...

  9. IOS 中openGL使用教程1(openGL ES 入门篇 | 搭建openGL环境)

    OpenGL版本 iOS系统默认支持OpenGl ES1.0.ES2.0以及ES3.0 3个版本,三者之间并不是简单的版本升级,设计理念甚至完全不同,在开发OpenGL项目前,需要根据业务需求选择合适 ...

随机推荐

  1. Weblogic10 集群配置

     1.预备知识 什么是Domain和Server Domain Domain是WebLogic Server实例的基本管理单元.所谓Domain就是,由配置为Administrator Serve ...

  2. Strategy 设计模式 策略模式 超靠谱原代码讲解

    先来假设一种情,我们需要向三种不同的客户做出不同的报价,一般来说要肿么设计呢,是不是马上会想到用IF,没有错,对于这种情况,策略模式是最好的选.大家可以这么理解,如果有情况需要用到大量的IF,那你用策 ...

  3. Java将网络地址对应的图片转成本地的图片

     只知道浏览器使用的是HTTP协议,那么如何将网络资源使用JavaHTTP下载下来呢! 这只是一个非常简单的小示例,只是不想每次碰到关于此方面的内容忘了就无从下手! 示例创建HttpURLConn ...

  4. 【翻译】在Ext JS和Sencha Touch中创建自定义布局

    原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置 ...

  5. nginx 的编译参数详解

    内容有些多,一眼看来难免头昏脑胀,但坚持看完,相信你一定会有所收获. nginx参数: --prefix= 指向安装目录 --sbin-path 指向(执行)程序文件(nginx) --conf-pa ...

  6. Android Studio下使用NDK的流程

    我要重新拿回持之以恒徽章!! 老规矩,先说看能学会什么:ANDROID STUDIO下NDK的使用方法.JNI的基本使用方法,C语言调用JAVA的方法. 首先要下载NDK,如果你没有VPN可以来htt ...

  7. Cocos2D粒子发射器的纹理

    每个例子发射器只能使用单个纹理发射粒子. 如果你需要在相同粒子效果中组合多重纹理,你将不得不创建多重的发射器节点并且决定谁的粒子将在其它粒子之上或之下显示.

  8. Erlang 编写 Kafka 客户端之最简单入门

    Erlang 编写 Kafka 客户端之最简单入门 费劲周折,终于测通了 erlang 向kafka 发送消息,使用了ekaf 库,参考: An advanced but simple to use, ...

  9. PS图层混合算法之一(不透明度,正片叠底,颜色加深,颜色减淡)

    下列公式中,A代表了上面图层像素的色彩值(A=像素值/255),B代表下面图层像素的色彩值(B=像素值/255),C代表了混合像素的色彩值(真实的结果像素值应该为255*C).该公式也应用于层蒙板. ...

  10. iOS开发小技巧总结

    一.NSLog的使用 NSLog在调试的时候,屡试不爽,可是在项目中用的太多,其实是会影响程序性能的,而且程序在非调试模式下也看不到打印,多浪费资源呢?如果程序中使用的太多,发布前删除又是一个麻烦事, ...