ES6学习与总结（一）

个人总结

这次是我创建博客，第一次开始写博客。目前来讲我写博客的目的有两个
1，学习的总结。2，个人文档能力的提升。
话不多说开始

学习总结

一， ES6的全称ECMAScript6

二，变量的声明

1，let变量声明
a,let变量是局部变量（只在最近的一个{}中作用）
b，let变量不能重复声明
c,let变量不能变量提升（js预编译时，会把变量提前赋一个初始值）
2，conset变量声明
a，conset声明变量时，必须赋值
b，conset变量一旦赋值就不能修改（值类型）
c,建议conset变量名全部大写

三，数据类型

1，值类型
数字 number , 字符串 string, 布尔 Boolean ,undefined
2，引用类型
数组 Array 对象 Object null 函数

四，数组的解构

1，基本

 let arr=[1,3,4,5,6];
 let [a,b,c,d]=arr;
 console.log(a,b,c,d);

运行结果

把数据j解构，就是把数组按照一定的规则解构为单独变量
2，跳过

let arr=[2,4,6,7,8];
let [a,,,,b]=arr;
console.log(a,b);

运行结果

3，剩余

		let obj={name:'zxl',age:12,gender:'男'};
		let {name,...last}=obj;
		console.log(name,last);

运行结果

4，默认值 在解构时我们可以给一个默认值，如果有我们解构的变量对应有值，那么就去对应的值，如果没有对应的值，我们就去默认值

let arr=[2,3];
let [a,b,c=100]=arr;
console.log(a,b,c);

运行结果

5，用解构实现浅拷贝

console.log(arr,arr1);
		let arr=[1,2,3];
		let arr1=[...arr];
		arr1[0]=0;
		console.log(arr,arr1);

运行结果

五，对象的解构

1，基本

let obj={name:'zxl',age='18'};
let {name,age}=obj;
console.log(name,age);

运行结果
zxl 18
2,省略

let obj={name:'zxl',age:12,gender:'男'};
let {name,...last}=obj;
console.log(name,last);

运行结果

3，默认值

let obj={name:'zxl',age:12,gender:'男'};
 let {name,address="河南"}=obj;
 console.log(name,address);

运行结果
zxl ,河南

4，复制

let obj={name:'zxl',age:12,gender:'男'};
		let obj2={...obj};
		obj.name='zaa';
		console.log(obj,obj2)

运行结果

六，新方法

1，ES5的方法

1，
trim()去除字符串两边的空格
trimLeft()去除字符串左边的空格
trimRight()去出字符串右边的空格
2，repeat ()重复

2，ES6的新方法

1，字符串的检测
includes(str)，判断这个字符串中是否包含 str
startsWith(str),判断这个字符串是否已str开头
endsWith(str),判断这个字符串是否以str结尾

2，充填
padStart(位数，要充填的字符串)
padEnd（位数，要充填的字符串）

3，字符串模板
··