ES6基本知识点总结

我们都知道，ES6在当今的代码届是有着很重要的地位的，因为ES6确实方便了很多东西，通过下面的一张图片，我们就可以清晰的看出来ES6的强大功能。

 从图中我们可以看出，ES5几十行代码敲出来的语法，用ES6一行代码就能解决，是不是会被它强大的功能所震撼到呢？

接下来我们来讲一些常用ES6的功能。

1.let与const变量关键字的声明

我们都知道，在js中，我们一般都会使用var来声明变量，那么var、let和const之间有什么区别呢？

在这里，我总结了几点，大家可以做一下参考：

2.数组、对象的解构

 

 

 3.ES6中的字符串

 4.一些ES6中数组的高阶方法

 其中加星星符号的是很常用的一些方法，可以重点记一下forEach、map和filter方法；

 5.ES6新增的箭头函数

 所谓箭头函数就是由=和>组合起来形成箭头形状的方法，箭头函数大大简化了function函数方法的写法，具体使用方法如下：

  6.ES6中函数的拓展

 7.ES6中新增的对象的使用

 8.类的拓展和使用

首先要知道，面向对象的基本特征是：封装；继承；多态和接口。

其中，类这个知识点有几个重要的单词，像：

extends 继承
constructor 构造函数
super 超类
static 静态，

这几个单次都是很常用的，可以专门重点记一下。

接下来，我们来看关于类的基本优化方法：

 9.模块（module）的新增使用方法

 10.set方法

关于set方法，我建议大家好好学习一下，与ES6之前的方法比起来，简直不要太好用，它的定义是没有重复元素的集合，知识点有以下几点：

接下来简单的看一下Set方法的使用实例，

<script type="text/javascript">
			
			//01 Set 就一个不重复的数组集合
			// var arr=[1,1,8,5,5,1,4,7,5,5,6,5,5,5,4,5,2,2,5];
			// // var s1 = new Set(arr);
			// // var arr2 = [...s1];
			
			
			// var arr2=[...new Set(arr)];
			// console.log(arr2);
			
			var s1 = new Set([1,7,7,4]);
			for (let s of s1){
				console.log(s);
			}
			//添加
			s1.add("love");
			//删除
			s1.delete(8);
			//检测
			alert(s1.has("love"));
			//长度
			console.log("长度:",s1.size,s1);
		</script>

其中，从上述代码的检测操作中，可以得到以下结果，因为我们在最开始执行了添加操作，将字符串"love"添加进了数组中，因此，检测数组中是否含有"love"字符串时，返回的结果自然就为"true"了。

 

 从控制台中可以看到，数组长度为4，包含了1，7，4和"love"共4个数据。

 以上就是ES6的基本的常用的方法，很多进阶的方法以后的讲解中会讲到，希望大家在使用ES6时能够好好感受到它的魅力所在，为枯燥的码农生活带来不一样的感觉！