ES6常用知识总结

ES6

· 概述

  ES6全称ECMAScript
  ECMAScript是一种由Ecma国际通过ECMAA-262标准化的脚本程序设计语言。
  这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，所以它可以理解为是JavaScript的一个标准，但实际上后两者是ECMA-262标准的实现和扩展。

· let和const

  传统定义变量和常量的方式统一使用var
  而ES6中定义变量的方式有两种，一种是let，另一种是const。

• let可以解决var的变量穿透问题。
• const可以解决常量修改的问题。

· 模板字符串

  传统的字符串拼接是使用引引加加的方法。
  ES6的字符串拼接是使用以下格式：

let name = "abc";
console.log (`你好，我叫${name},你呢？`);

· 函数默认参数

function sum (a,b) {
	return a + b ;
}
let sesult = sum ( 1 , 1 );

  一般来说，函数的a和b是需要程序员赋值才能正常运算，若不赋值，或是少赋了一个值，它返回的结果是NaN，那是因为a和b默认参数是undefined。
  如果不想传递参数，可以直接给a和b设置默认参数即可。

function sum (a=1 , b=1){
	return a + b; 
}
console.log (sum);

· 箭头函数   重点！！！

  在未来的项目开发中：小程序、uniapp、一些常见的脚手架会大量使用。

  常规函数：

var sum = function (a , b){
	return a + b;
};

  箭头函数：

var sum = (a + b) => a + b; 

  通过上面的例子可以发现以下规律：
  1.去掉function。
  2.在括号后面加 => 箭头。
  3.如果逻辑代码仅有return可以直接省去，相反就不能省略。
  4.如果参数只有一个，则可以省去括号，反之则不能省去括号。

· 对象初始化简写

  因为对象对象是key ：value存在
  1.如果key和变量的名字一致，可以只定义一次即可。
  2.如果value是一个函数，可以把 ：function 全部去掉，只剩下（）即可。

· 对象结构

  对象是key ：value 存在，获取对象属性和方法的方式有两种：
  1.通过 . 来获取。
  2.通过 [ ] 来获取。

  ES6对象结构
  就是一种快速获取属性和方法的一种形式。

var title ="对象结构";
var name ="对象";
let info ={
	title,
	name,
	go(){
		console.log("你好。");
	}
};
var {title , name} = info;

· 对象传播操作符 …

  把一个对象的属性传播到另外一个对象中，如果在已经被取走的数据后使用传播操作符，则会把剩下未使用的数据传播到下一个对象中。

var person ={
	name : "abc",
	age : 18,
	sex : "女",
	phone : 123456789,
	go (){
		console.log("你好");
	}
};
var {name,age,...person2} = person;

· 数组map

let arr =[1,2,3,4,5];
// 对arr数组每个元素*2.
//传统方式：
let newarr =[];
for ( let i = 0; i < arr.length; i++){
	newarr.push (arr [i] * 2);
}

map:自带的循环，并且会把处理的值回填对应的位置。

//使用map
var newarr2 = arr.map (function(ele){
	retunrn ele * 2;
})
//简化写法（ES6写法）
var newarr2 = arr.map (ele => ele*2);

可以将原数组中的所有元素通过一个函数进行处理，并放入到一个新数组中并返回该新数组。

· 数组reduce（）

  接收一个函数（必须）和一个初始值（可选）
  该函数接收两个参数：
  1.第一个参数是上次reduce处理的结果。
  2.第二个参数是数组中要处理的下一个元素。

  如果是第一次，会把前两个元素作为计算参数，或者把用户指定的初始值作为起始参数。

var arr =[1,2,3,4,5];
var result = arr.reduce (function (a , b){
	return a + b;
});