ES6入门

一.ES6简介

 

  引用阮一峰先生的话:ECMAScript 6.0(以下简称 ES6)是 JavaScript
语言的下一代标准,已经在二零一五年3月标准颁发了。它的靶子,是驱动 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命令:声可瑞康(Karicare)个只读的常量。一旦表明,常量的值就不可能改变,然而要是常量保存的是一个目的,那么对象的特性是可以被改动的

  

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,则赶回该数组元素的任务。
    如果所有因素都不符合条件则赶回-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);