ECMAScriptES6相符帮派

一.ES6简介

 

  引用阮一峰先生的语句:ECMAScript 6.0(以下简称 ES6)是 JavaScript
语言的晚辈标准,已经于2015年6月正式公布了。它的对象,是叫 JavaScript
语言可以用来修复杂的巨型应用程序,成为公司级支语言。

二.变量

  let命令:

    ES6新增了let命,用来声称变量。它的用法类似于var,但是所声明的变量,只在let令所在的代码块内立竿见影,而且未允再次声明。

    

 for(var i=0;i<10;i++){
   (function(i){
     setTimeout(function(){
      console.log(i);
     })
    })(i)
 }  //es5的写法
for(let i=0;i<10;i++){
    setTimeout(function(){
        console.log(i);
    })
 }//es6的写法,说实话确实方便了很多

   const命令:声明一个不过读的常量。一旦声明,常量的值就是不能够改,但是若常量保存的凡一个靶,那么对象的性质是可以被改动的

  

const a = {
    name:'leo'
};
a.name = 'momo';
console.log(a.name);

三.解构赋值

  ES6允许以一定模式,从数组和目标吃取值,对变量进行赋值,这叫称之为解构(Destructuring)。

  数组的解构赋值:

*    按照相应之相继解构。*

*  *

var arr = [1,[2,3]];
     var [a,[b,c]] = arr;

     console.log(a,b,c);

输出结果是:1,2,3

 

 四.字符串扩展

  JavaScript内部,字符以UTF-16的格式储存,每个字符固定为2个字节。对于那些要4只字节储存的字符(Unicode码点大于0xFFFF的字符),JavaScript会认为它是片只字符

  

var s = "𠮷";

s.length // 2
s.charAt(0) // ''
s.charAt(1) // ''
s.charCodeAt(0) // 55362
s.charCodeAt(1) // 57271

  ES6提供了codePointAt方法,能够正确处理4个字节储存的字符,返回一个字符的码点。

  模板字符串:模板字符串(template
string)是增高版的字符串,用反引号(`)标识。它好用作普通字符串使用,也足以用来定义多执字符串,或者当字符串中放到变量。

  代码中的字符串用反引号(`)表示,如果用引入变量则运用${变量名}, 在{}中得以展开演算,也得以引用对象属性。

  

var name ='leo';
var age = 39;

var str = `你的名字是:${name}你的年龄是:${age}`;

五.数值的壮大

Math的扩展:

Math.trunc():Math.trunc办法用于去一个屡屡之小数部分,返回整数部分。

    Math.sign():判断参数是正数、负数、正0还是负0  

      Math.hypot(x,y):返回所有参数的平方和的平方根(勾股定理)

  数组的恢宏:

    Array.from(): 把看似数组改成为真的的数组。

    Array.of():  方法用于将同样组参数,转换为数组。

    

  var arr = Array.of(1,2,3,4,5);
  console.log(arr);

  

    arr.find():找有第一单符合条件的数组元素
    参数:
    1、回调函数
    2、回调函数内this的对准
      遍历整个数组,遍历过程中调用回调函数,如果回调函数的返回值为true,则归时正遍历的要素。
      如果持有因素都未符合条件则返回undefined

    

var arr = [1,2,3,4,5];

 var n = arr.find(function(value,index){

    return value > 4;
 })
 console.log(n);

 

    arr.findIndex():找有第一独符合条件的数组元素的岗位
    参数:
    1、回调函数
    2、回调函数内this的对准
    遍历整个数组,遍历过程被调用回调函数,如果回调函数的返回值为true,则归该数组元素的位置。
    如果具有因素都非符合条件ECMAScript则归-1

 

    

var n = arr.findIndex(function(value,index){
    return value > 5;
})
console.log(n);

 

    arr.fill():用来填充数组,填充的位置会覆盖原来的数组元素
    参数:
    1、填充的始末
    2、起始位置
    3、结束位置

    

var arr = [1,2,3,4,5];

arr.fill(6,2,4);

console.log(arr);