块级作用域:  ES6允许你使用块级作用域,不过目前大多数的ES6语法只允许在严格模式下使用("use strict” )。

1 let关键字

作用:声明变量,一个花括号就是一个作用域(每个花括号内就是全新变量).

特点:不在进行声明提升,在块作用域外无法访问变量,和const一样只能声明一次.

关键字:let , const,function,class ES6下都可以以块为作用域 借鉴:https://blog.csdn.net/kittyjie/article/details/50337031

 

//var 声明的变量作用在定时器外的函数里的
for(var i=; i<; i++){
setTimeout(function(){
alert(i);
},);
} //结果为:5 5 5 5 5 //因为let以花括号作为作用域,for每次循环的时候都会重新let一个变量 理解let在for循环中:https://zhuanlan.zhihu.com/p/51966830
//let变量作用在括号,且外部无法访问
for(let i=; i<; i++){
setTimeout(function(){
alert(i);
},);
}//结果为:1 2 3 4 5 

2 const声明常量

作用:定义一个常量

特点:不会声明提升,以块为作用域,值无法更改,只能声明一次.

//将对象设置为常量,它的值是可以修改的
//因为我们常量的值,只是在栈内存中保存的指向对象的指针 数据类型的栈和堆内存:https://www.cnblogs.com/liveoutfun/p/8962019.html
const obj = {a:1,b:2,c:3}
obj.a = 100;
console.log(obj.a); //

3 箭头函数

作用:通过简洁的格式声明一个函数

  特点:比传统函数格式简洁(省略了function,return,单个形参时括号),且this指向是上级函数的指向

 

//普通函数声明格式
var a = function(){
return 1+1;
}
//箭头函数声明格式
var a = x =>{
  1 + 1;
}
//多个参数
var a = (x,y,z) =>{
  1 + 1;
}

4 Destructuring解构

作用:可以通过解构方式来取值

//一般定义变量写法
var x=10,y=20,z=30; //解构赋值允许你给多个变量赋值
let [x,y,z] = [10,20,30];
let [x,[a,b],y] = [10,[15,18],20];
这并不是在定义数组,而是通过等号两边的结构匹配,进行赋值。 //解构赋值允许你少取一个值:
let [x,y] = [10,20,30]; //结果x=10,y=20
let [x,[a,b],y] = [10,[5],20]; //结果x=10,a=5,y=20,b=undefined
浏览器并不会报错,依然赋值成功。 //可以使用对象不按照顺序取值
var {id,name,age} = {name:'yt',age:30,id=30}
//用途
//可以方便的交换两个变量的值
[a,b] = [b,a];
//可以一次为多个变量取值
[a,b] = () =>{ return [1,2] }
//对象格式可以不考虑取值顺序
{a,b,c} = {b:1,a:2,c:3}
//从数组或对象的某一项
var {a:NewName} = obj; //对象
var [0:NewName] = arr; //数组

总结:数组格式的可以批量取值,对象格式的可以打乱顺序取值

5 字符串的一些方法

作用:ECMA6字符串可以更快捷的拼接字符串

//快捷的字符串拼接
var str = `我是ECMA${变量、表达式}字符串` //字符串中的换行不会报错
var str = `
不会报错!!
`

6 数组的一些方法

Array.from(伪数组)  //可以将伪数组转换为数组

 Array.copyWithin(被替换元素下标,截取开始下标,截取结束下标); //复制元素替换元素(一条龙服务)

 Array.find(function(value,index,arr){ return value > 10 })  //和过滤类似,只找一次符合条件的元素. 

findIndex(function(value, index, arr){}) //和find类似,不过返回的是符合一次要求的元素的下标

7 Object.assign

    Object.assign({a:1},{b:2},{b:4,c:3}); //将相同的属性合并,返回一个独立属性对象

8 第七种数据类型Symbol

9 Set和Map集合

10 Map集合,即映射

ECMA6新增语法(待续...)的更多相关文章

  1. ECMAScript简介以及es6新增语法

    ECMAScript简介 ECMAScript与JavaScript的关系 ECMAScript是JavaScript语言的国际化标准,JavaScript是ECMAScript的实现.(前者是后者的 ...

  2. 面向对象编程-终结篇 es6新增语法

    各位,各位,终于把js完成了一个段落了,这次的章节一过我还没确定下面要学的内容可能是vue也可能是前后端交互,但无论是哪个都挺兴奋的,因为面临着终于可以做点看得过去的大点的案例项目了,先憋住激动地情绪 ...

  3. [JavaScript]ECMA-6 yield语法

    概述 yield关键字用于并且仅限于生成器函数(generator)内部,作用是暂停(并返回)/重启(可选修改该栈环境变量)该函数栈环境. 一般语法 调用生成器函数时返回一个可迭代对象,当调用该对象的 ...

  4. ES6新增语法和内置对象(let,const, Array/String/Set 扩展方法(解构赋值,箭头函数,剩余参数))

    1.let ES6中新增的用于声明变量的关键字. let 声明的变量只在所处于的块级有效. 注意:使用 let 关键字声明的变量才具有块级作用域,var 关键字是不具备这个特点的. 1. 防止循环变量 ...

  5. 【ES6新增语法详述】

    目录 1. 变量的定义 let const 2. 模版字符串 3. 数据解构 4. 函数扩展 设置默认值 箭头函数 5. 类的定义 class 6. 对象的单体模式 "@ ES6新增了关于变 ...

  6. ES6新增语法(一)——let、const、var的区别

    ES6简介 ES6是ECMAScript 6.0的简称,是javascript语言的下一代标准,已经在2015年6月正式发布上线.目的就是为了统一javascript的语法标准,可以用来开发大型应用程 ...

  7. 复习——高级语法对象原型,es5新增语法

    今天的开始进入了js的高级语法 我马上也要复习完了,之前学到闭包递归,就回去复习去了,复都复习这么久而且,复习的过程真的比学知识的过程难熬的多,只不过终于要复习完了,再来点es6的新语法马上就要步入v ...

  8. SQL Server 2012 新增语法

    --连接两个字符串. CONCAT(TelePhone,UserName,' : ',LoginVCode) FROM [dbo].[TB_NUsers] --SQL Server2012新增了两个逻 ...

  9. EAScript 2016的新增语法(1)

    1)let 语法,这个和var的声明类似,但是,只存在于其所在的代码块里. 举例: var x=1 console.log(x) { let x=2 console.log(x) } console. ...

随机推荐

  1. 用java多线程模拟数据库连接池

    模拟一个ConnectionDriver,用于创建Connection package tread.demo.threadpool; import java.lang.reflect.Invocati ...

  2. js冒泡排序,快速排序,插入排序

     //冒泡排序 function sortBubble(array){   var len=array.length,i,j,tmp;   for(i=len-1;i>=1;i--){     ...

  3. React的使用小规范----长期更新

    用this.state控制组件显示,用this.props控制页面业务数据,用this.other保存其他需要的属性,如计时器setInterval的id

  4. Pandas | 08 重建索引

    重新索引会更改DataFrame的行标签和列标签. 可以通过索引来实现多个操作: 重新排序现有数据以匹配一组新的标签. 在没有标签数据的标签位置插入缺失值(NA)标记. import pandas a ...

  5. 8-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案安全篇(Apache 配置SSL,HTTPS连接)

    https://www.cnblogs.com/yangfengwu/p/10947423.html 和当时配置MQTT差不多,去下载证书文件   https://www.cnblogs.com/ya ...

  6. Python——IO多路复用之select模块epoll方法

    Python——IO多路复用之select模块epoll方法 使用epoll方法实现IO多路复用,使用方法基本与poll方法一致,epoll效率要高于select和poll. .├── epoll_c ...

  7. 【CSP-S膜你考】那23个路口

    那23个路口 题面 故事的起源不加赘述,那23个路口. 单刀直入,我直接说题的意思. 蚊子和疯子在做一件事,就是他们要在茫茫的大街上找一个出发点,然后从出发点开始,经过上下左右23次拐弯,到达一个他们 ...

  8. Docker是什么?可以用Docker做什么

    其实可以把Docker理解成一个专门为应用程序与执行环境的轻型虚拟机. Docker的思想来自于集装箱,集装箱解决了什么问题?在一艘大船上,可以把货物规整的摆放起来.并且各种各样的货物被集装箱标准化了 ...

  9. LESS是一个CSS预处理器,跨浏览器友好,提供诸如变量,函数, mixins 和操作等功能,可以构建动态CSS

    什么是LESS? LESS是一个CSS预处理器,可以为网站启用可自定义,可管理和可重用的样式表. LESS是一种动态样式表语言,扩展了CSS的功能. LESS也是跨浏览器友好. CSS预处理器是一种脚 ...

  10. linux系统ubuntu中在命令行如何打开图形界面的文件夹

    用linux查看文件列表之类的受到命令行限制,还是不太方便的.在文件夹中打开的话,切换路径又没有linux终端快,于是,需要在命令行窗口中打开文件夹.如何做呢? 来到终端命令行中,cd切换你的路径,使 ...