ES6总结

Es6总结

Es6简单介绍

ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。本章主要介绍ES6中新增的、使用频率比较高的知识点，如变量解构赋值、函数扩展、类和继承、Module设计等。

let和const命令

ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

{
  let a = 10;
  var b = 1;
}
Console.log(a); // ReferenceError: a is not defined.
Console.log(b); // 1

let 还能在for循环中使用

for(let i=0;i<5;i++){

}

const 是常量不可改变的

const a = 'lixiaolong';//那么a的值不可改变的

变量的解构赋值

数组的解构赋值

let [a, b, c] = [1, 2, 3];//a b c 对应 1 2 3 这样 1 2 3 会付给 a b c 

let [, , c] = [1, 2, 3];//那就是把3付给c

let [a,...c] = [1, 2, 3];//1付给a 2 3付给c ...代表数组可以存储多个值但必须放到最后

let [a,b,c=2] = [1, 2]//c是default值

对象的解构赋值

let{a,b}={a:'xiao',b:'long'}//a的值是xiao b的值是long

let{a:aa,b}={a:'xiao',b:'long'}//aa是别名输出来是aa是xiao

字符串解构赋值

字符串也可以解构赋值。这是因为此时，字符串被转换成了一个类似数组的对象。同时也类似数组的对象都有一个length属性，因此还可以对这个属性解构赋值。

const[a,b,c,d,e]='hello'//a的值h b的值是e一次类推

let{length:len}='hello'//len是别名 len的值是5

函数参数的解构赋值

//数组形式
function add([a,b]){
  return a+b;
};

add([1,2]);//传参也必须是数组 值:3

//对象形式
function move({a=0,b=0}={}){//a=0 b=0 是default值
  return [a,b]
};
move({a:1,b:2});//default值会被 1 2 覆盖掉 值:[1,2]

rest参数

  function a(...values){//...values是数组的形式可以储存多个值
    let sum = 0;
    for(let b of values){
      sum+=b;
    }
    return sum;
  };

  a(1,2,3);//可以传多个参

箭头函数

ES6 允许使用“箭头”（=>）定义函数，尤其是在编写回调函数或者匿名函数的时候会显示很简洁，并且箭头函数会传递当前的作用域对象过去。

//无参数箭头函数
let a = ()=>{

}
//一个参数的箭头函数
let a = item=>{

}
//多个参数的箭头函数
let a = (item1,item2){

}

其他对象扩展

字符串扩展

ES6 加强了对 Unicode 的支持，并且扩展了字符串对象。这一小节主要介绍连个常用的扩展：字符串遍历接口、模板字符串。

字符串遍历接口

ES6 为字符串添加了遍历器接口（详见《Iterator》一章），使得字符串可以被for…of循环遍历

for (let codePoint of 'foo') {
  console.log(codePoint)
}
// "f"
// "o"
// "o"

模板字符串

传统的 JavaScript 语言，输出模板通常是进行字符串的拼接（?，那一大堆的单引号和双引号），也可以使用 \ 来进行转义。ES6 引入了模板字符串解决这个问题.

$('#result').append(`
  There are <b>${basket.count}</b> items
   in your basket, <em>${basket.onSale}</em>
  are on sale!
`);

array的方法

array菜鸟教程

一些其他的请看word文档

ES6文档的位置
D:\桌面文件—————————\学习总结md\第2章 ES6语法简介.docx

rray菜鸟教程](http://www.runoob.com/jsref/jsref-obj-array.html)

一些其他的请看word文档

ES6文档的位置
D:\桌面文件—————————\学习总结md\第2章 ES6语法简介.docx