ES6 语法简介

参考: http://es6.ruanyifeng.com/

总结学习

JavaScript语言下一代标准,2015年6月正式发布。

1.let和const命令

 let用作变量声明,只在代码块内有效

{let a = 1} console.log(a) //Error

可用于for循环

var a=[];
for(var i=0;i<10;i++){
  a[i]=function(){
    console.log(i);
  }
}
a[6](); //10

let方法

var a=[];
for(let i=0;i<10;i++){
  a[i]=function(){
    console.log(i);
  }
}
a[6](); //6

不过let不存在变量提升,不允许重复声明

const命令,常量声明,一旦声明不允许修改,声明的时候需要理解初始化,

2.字符串的扩展

  at() ES5提供chartAt方法返回字符串给定位置的字符,该方法不能识别码点大于0xFFFF的字符。at方法,可以识别Unicode编号大于0xFFFF的字符,返回正确的字符。

 repeat() 方法返回一个新字符串,表示将原字符串重复n次。

3.数值的扩展

 Number.isFinite()用于检查一个数值是否为有限的

 Number.isNaN() 用于检查一个值是否为NaN

 Number.isInteger()用来检查一个值是否为整数

 Number.EPSILON 新增了一个极小的常量

 Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER 新增数值上下限

 Math.trunc方法用于去除一个数的小数部分,返回整数部分

 Math.sign() 方法用来判断一个数到底是整数、负数、还是零

 Mah.cbrt() 方法用于计算一个数的立方根

4.数组的扩展

 Array.from() 对象用于将类数组或可遍历的对象 转为真正的数组

 Array.of()用于将一组值转为数组  Array.of(1,22,33) //[1,22,33];

 find() 方法用于找出第一个符合条件的数组成员

 findIndex() 方法用于返回第一个符合条件的数组成员的位置

 fill() 方法使用给定值填充一个数组

5.函数的扩展

 Object.is()比较两个值是否相等

 Object.assign()用于对象的合并

6.Module

 export命令用于规定模块的对外接口

 import命令用于输入其他模块提供的功能

 export default命令为模块指定默认输出

7.set

set:类似于数组,成员值唯一,本身是构造函数,用于生成set数据结构

            var s = new Set();
            s.add(3);
            s.add(4);
            s.add(3);
            console.log(s); //Set {3, 4}

通过add方法添加成员,结果set结构不会出现重复的值

     var arr = [1,1,2,4,6,8,6];
            var setArray = new Set(arr);
            console.log(setArray); //Set {1, 2, 4, 6, 8}
            console.log(setArray.size) //5

set能接受数组作为参数,利用set去掉数组的重复成员 :[...new Set(array)]

set结构的属性 1,Set.prototype.constructor 构造函数默认set 2,Set.prototype.size 返回Set实例的成员总数

set结构的方法

1,add() 添加某个值,返回set结构本身。

2,delete() 删除某个值,返回一个布尔值,表示删除是否成功

3,has() 返回一个布尔值, 表示该值是否为Set成员

4,clear() 清除所有成员,没有返回值

     var setOpa = new Set();
            setOpa.add(2);setOpa.add(3);
              console.log(setOpa); //Set {2, 3}
            setOpa.delete(2);
              console.log(setOpa) //Set {3}
              console.log(setOpa.has(3)) //true
              console.log(setOpa.has(2)) //false
            setOpa.clear();
              console.log(setOpa);//Set {}

Array.from方法可以将set结构转为数组

     var setArrTran = new Set([1,1,4,3,5]);
            console.log(Array.from(setArrTran)); //[1, 4, 3, 5]

遍历操作: keys() 返回键名的遍历器, values()返回键值的遍历器, entries()返回键值对的遍历器, forEach() 使用回调函数遍历每个成员

    var setFor = new Set([1,2,4]);
            setFor.forEach((value,index) => {
                console.log(value * 2);
            });

       //2

     //4

            //8

7.Map

 

 map:类似对象,也是键值对的集合,但是键名的范围不限于字符串, 其他和Set类似

 参考: http://es6.ruanyifeng.com/

 

转载于:https://www.cnblogs.com/FDanDan/p/5878342.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值