ES6的基本知识点

ES6

• ES6:全称 ECMAScript 6.0

ES6的数据类型

• 值类型

1. 数字 number
2. 字符串 string
3. 布尔 boolean
4. 未定义 undefined

• 引用类型

1. 数组 Array
2. 对象 Object
3. 空 null
4. 判断(typeOf) 引用类型返回 object

#ES6的变量声明

• let

1. 声明的是局部变量，在一对{}有效

2. 不能重复声明

3. 不能变量提升

   变量提升：（js在执行之前会预编译，会把所有的变量提升在代码的最前面并赋值为undefined）也会把所有的函数提升在最前面

	if(true){
	//var a=15;  // 用var声明的变量在if外部能访问到
	let a=15; //用let声明的变量是局部变量，只能在{}中运行
	}
console.log(a);  

• const

1. 声明的是常量
2. 声明必须赋值
3. 不能被修改值类型
4. 建议变量名采用大写

数组的解构

• 解构：把对象 或者数组按一定规则解析为单独变量
• 解构-数组

1. 默认

	[a,b]=[100,900]

2. 交互变量

	[a,b]=[b,a]

3. 忽略（跳过）

	[a,,b]=[1,3,5]

4. 剩余值

	[a,...rest]=[4,6,8,10,12]

5. 默认值

	[a,b=25]=[8]

6. 复制（浅拷贝）

	var arr=[1,3,5]
	var arr2=[...arr]

• 解构-对象

1. 基本
2. 对象没有顺序
3. 剩余值
4. 默认值
5. 复制

var obj={name:"木木",age:19,weight:128,eye:1};
	//let {weight,name}=obj;
	//console.log(name,weight); //没有顺序
	//let{weight,...rest}=obj;
	//console.log(weight,rest); //剩余值
	//let {name,eye=2}=obj;
	//console.log(name,eye);    //默认值
	var obj2={...obj};
	obj2.name="zql";
	console.log(obj2,obj);	//复制

ES6 字符串

• 遍历

1. 遍历 for of

var str="目前在学习ES5知识点"
	 for(let s of str){ //for of遍历
	 	console.log(s);
	 }

• 检测包含

1. 包含 includes()
2. 开头 startsWith()
3. 结尾 endsWith()

ES5 字符串

1. 重复 repeat()

var str="Love "
console.log(str.repeat(100)); //重复100遍

2. 去空格 trim()

var str="  hello  祖国    ";
//console.log(str.trim()); //去除左右空格
//console.log(str.trimLeft()); //去除左空格
console.log(str.trimRight()); //去除右空格