码迷,mamicode.com
首页 > 其他好文 > 详细

ES6总结补充

时间:2016-06-08 15:41:07      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

一、let、var和const

  1、let不存在变量提升

  2、let变量不能重复声明  var变量可以重复声明(后面声明的变量覆盖前面声明的变量,但最后不要这么做)

  3、如果区块中存在letconst命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域,纵使在全局变量中声明了一个相同名字的变量,效果一样

  4、块级作用域{}  尤其是if和for

  5、对于复合类型的变量,const命令只是保证变量名指向的地址不变,并不保证该地址的数据不变

  6、ES5只有两种声明变量的方式:var命令和function命令。ES6添加了:let命令、const命令,import命令和class命令

二、解构赋值

  1、只要某种数据结构具有Iterator接口,都可以采用数组形式的解构赋值

  2、指定默认值,方式和函数参数指定默认值一样

  3、如果一个数组成员不严格等于undefined,默认值是不会生效的  //只有undefined才会触发默认值

  3、对象的属性没有次序,变量必须与属性同名

  4、数组的元素是按次序排列的,变量的取值由它的位置决定

  5、对象的解构赋值的内部机制,是先找到同名属性,然后再赋给对应的变量。真正被赋值的是后者,而不是前者  对象指定默认值仍然是对后者的指定  //{test:test=default}={}

var {name,age}={age:"21",name:"soul"};    //{name:name,age:age}={age:"21",name:"soul"};
console.log(name);    //soul
console.log(age);    //21

var {name:varName,age:varAge}={age:"21",name:"soul"};
console.log(varName);    //soul
console.log(varAge);    //21

三、字符串

  1、模板字符串:`...字符串...${//js代码...}...字符串...`  //若字符串中需要使用""  则需要转义  所有的空格和缩进都会保留在输出中

  2、标签模板:返回值是函数的返回值  函数的第一个参数是模板原始字符串使用${}作为分隔符后形成的数组,包括空格  第二个参数是第一个${}的结果   第三个参数是第二个${}的结果...

  技术分享

  3、String.raw方法:往往用来充当模板字符串的处理函数,用来处理‘\‘

  技术分享

四、正则表达式

  1、RegExpObject.exec(string);  //返回一个数组arr=[pattern,index:num,input:str];依次为正则匹配的模式、匹配结果的索引、原始字符串  pattern=arr[0],index和input需要使用.运算符

  技术分享

  2、字符串的正则方法:

  • strObj.match(RegExp);  //返回存放匹配结果的数组
  • strObj.replace(RegExp,replacer);  //返回替换后新的字符串
  • strObj.search(RegExp);  //返回第一个匹配到的起始位置  匹配失败则返回-1
  • strObj.split(separator,limit);  //一个字符串数组。返回的数组中的字串不包括separator 自身。limit表示该数组的最大长度。

  技术分享

五、数值(Number对象和Math对象)

  1、Math.trunc(num);  //用于去除num的小数部分  返回整数部分

  2、Math.floor(num);  //用于对num向下取整

  3、Math.ceil(num);  //用于对num向上取整

//实现如下
Math.trunc = Math.trunc || function(x) { return x < 0 ? Math.ceil(x) : Math.floor(x); };

  4、Math.cbrt();  //  用于计算一个数的立方根

  5、Math.pow(x,y);  //返回x的y次方

  6、Math.round(x);  //将x四舍五入为最接近的整数

六、数组

七、函数

  1、箭头函数没有自己的this  而是引用外层环境的this

八、对象的扩展

  1、Object.getOwnPropertyDescriptor(obj, attribute)   //属性的描述对象

  2、对象属性和方法的简写

九、Symbol

  1、Symbol.for(SymbolName);  //先检测SymbolName是否存在  若不存在,则新建一个Symbol

十、Proxy和Reflect

十一、二进制数组

十二、Set和Map结构

  1、set结构中NaN等于自身

  2、扩展符...可以将Set和Map结构转为数组

十三、Iterator

  1、对象的[Symbol.iterator]属性

 2、next方法是必须部署的,return方法和throw方法是否部署是可选的

 3、一般使用Generator函数[Symbol.iterator]属性的部署

var person={};
person[Symbol.iterator]=function* (){
    yield 1;
    yield 2;
    //...
};

 

十四、Generator

十五、Promise

  1、异步操作的同步写法

十六、Class

十七、Module

 

ES6总结补充

标签:

原文地址:http://www.cnblogs.com/realsoul/p/5565586.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!