ES6学习总结

ECMAScript 6.0，简称ES6，第一个版本是在2015年6月进行发布，所以也称之《ECMAScript 2015 标准》

一、let、const声明变量

let主要用来定义局部变量，const用来定义全局变量，使用 let 定义的变量在大括号的外部是访问不到的，let声明的变量不会污染全局作用域。

优点：

• 不可以重复声明变量
• 不存在变量提升
• 可以定义常量
• 块级作用域

二、字符串操作

1、startsWith() 判断字符串是否以 XX 开头

let url = 'http://www.heima.com';
console.log(url.startsWith('http'));  // true

2、endsWith()判断字符串是否以 XX 结尾

let test = 'index.html';
console.log(test.endsWith('html'));  // true

3、includes判断字符串中是否包含 XX

let str = 'es6xuexizongjie';
console.log(str.includes('xue')); // true

4、repeat() 重复字符串

let title = 'ES6学习';
console.log(title.repeat(10));

5、padStart() / padEnd() 用于头部补全和尾部补全
一共需要两个参数：第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串。

let y1 = '2030'.padEnd(10, '1'); 
//  "2030111111"

let y2 = '11-22'.padStart(10, '2030-MM-DD');  
//   "2030-11-22"

6、模板字符串
模板字符串用反引号(`)包含，变量用${}括起来

 let name = '李华';
 let sex = '男';
 let result = `我叫${name} , 我是${sex} 的`;
 console.log(result); 
 // 我叫李华 , 我是男的

三、箭头函数

箭头函数简化了函数的的定义方式，一般以 “=>” 操作符左边为输入的参数。

基础语法： (参数1, 参数2, …, 参数N) => { 函数声明 }

没有参数： () => {函数声明}

一个参数：  x => {x * x}

两个参数：(x, y) => {
				x * x + y * y
			}

注意：

1. 多个参数要用()包起来，函数体有多条语句需要用{}包起来；

2. 箭头函数根本没有自己的this，所以内部的this就是外层代码块的this。 正是因为它没有this，从而避免了this指向的问题；

3. 箭头函数中没有arguments对象。