ES6面试篇

let和const变量声明的拓展

1. let和var
   ES5使用var声明变量并没有块级作用域，会造成for循环的变量污染，变量名重复和变量提升的问题。
   ES6新增let声明变量，变量只在代码块中有效，不存在变量提升的问题。
2. 暂时性死区 TDZ
const和let声明变量前均为暂时性死区，在暂时性死区中，变量不能够被使用。
   TDZ的本质：进入作用域后，变量已存在但声明后才可获取。
3. const
   声明常量，且必须初始化。
   本质维护内存栈中的保存的数据或地址不变，因此基本数据类型不会改变，引用数据类型可以增添修改属性。

字符串的拓展

1. 字符串遍历器接口
   for of可直接遍历字符串，但最大优点在于可识大于0xFFFF码点的字符串。
2. 字符串的拓展方法

• 确定字符串是否存在 includes(),startsWith(),endsWith()

  let str = "hello world"
  str.includes("o") //true
  str.includes("")//true
  str.startsWith("hello")//true
  str.endsWith("world")//true
  

• 重复字符串

  "x".repeat(3)//"xxx"
  

• 补全字符串

  "1".padStart(10,"0")//0000000001
  "12".padStart(10,"YYYY-MM-DD")//YYYY-MM-12
  

3. 模板字符串
   ${expression}来表示多行字符串，或变量和函数 表达式

函数的拓展

1. 参数默认值

• ES5变通给函数参数添加默认值，但必可避免false的情况

	function log(x,y){
		y=y || 'world'
		console.log(x,y)
	}
log('hello')//"hello world"
log('hello','')//"hello world"

	//ES6中
	function log(x,y="world"){
		console.log(x,y)
	}
log("hello","")//"hello"

	function log(x=1,y=2){
		console.log(x,y)
	}
	log(undefined,null)//1,null

• length属性，返回没有指定默认值参数的个数。
  本质上是预期传入函数的参数个数，因此rest参数并不包括在内。

2. rest参数
   rest参数，用于获取函数多余的参数。替代了arguments
   注：rest参数必须是最后一个参数
3. 严格模式
   ES6规定，只要函数参数使用默认值，内部不可声明为use strict
4. 箭头函数

• 箭头函数的this永远指向声明创建的对象，而不是ES5中指向执行的对象。

	function Timer(){
		this.s1 = 0
		this.s2 = 0
		setInterval(() => this.s1++,1000 )
		setInterval(function(){
			this.s2++
		},1000)
	}
	var timer = new Timer()
	setTimeout(() => console.log("s1",timer.s1),3100 )
	setTimer(() => console.log("s2",timer.s2),3100)
	//s1 3
	//s2 0

• 箭头函数不能作为构造函数
  原因：箭头函数中的并没有自己的this，而是指向外部的this。因此this指向固化，并且不能作为构造函数new

Promise

1. 提出
   Promise是异步编程的解决方案。
   有以下两个特点

• 对象状态不受外界影响。只有三种状态：pending,fulfilled和rejected
• 对象的状态改变只有两种可能：从pending到fulfilled和从pending到rejected

2. 基本用法

• resolve()将Promise的状态从peding变为resolved
• rejected将Promise状态从pending变为rejected

let p = new Promise((resolve,reject) =>{
	if(){
		//异步操作成功
		resolve()
	}else{
		//异步操作失败
		reject()
	}
})
p.then(fuction(data){
	//状态为resolved时调用
},
function(err){
	//状态为rejected时调用
})

3. Promise.prototype.then方法
   then方法返回的是Promise对象，因此可连续使用

4. Promise.prototype.catch方法
   catch方法与then的第二个参数作用一致。当状态变为rejected或then方法出错时执行。

• 错误会一直“冒泡”，直到被catch捕获为止

5. promise.all()
   用于将多个Promise对象包装成一个新Promise实例
   var p = Promise.all([p1,p2,p3])

• 当p1,p2,p3状态均为resolved时，p的状态才为resolved
• 当p1,p2,p3有一个被rejected时，p的状态就变味rejected

6. Promise.race()
   用于将多个Promise对象包装成一个新Promise实例
   var p = new Promise([p1,p2,p3])

• 只要p1,p2,p3中任意一个状态改变，p就跟着改变

Promise.resolve('foo')
//等价于
new Promise(resolve => resolve('foo'))

8. Promise.reject()

Promise.reject('foo')
new Promise(reject => reject('foo'))

async，await，Generator

class

Set和Map

ES6新增去重

new Set([NaN,NaN,1,1,{},{}])//{ NaN,1,{},{} }

set去重的方式
{}.hasOwnProperty(val)
ES6新增hashMap键值对

导入导出模块