面试题

一.this指向
1.箭头函数中，this始终指向父级的上下文。
2.谁调用this指向谁。
3.构造函数中，this指向实例本身。
4.当没有人调用时，this默认指向windows
5.call，apply，bind强制改变
二.事件模型：事件委托、代理？如何让事件先冒泡后捕获
事件委托又称事件代理，利用事件冒泡，将子元素绑定到父元素上。

    // 事件委托的核心原理：给父节点添加侦听器， 利用事件冒泡影响每一个子节点
    var ul = document.querySelector('ul');
    ul.addEventListener('click', function(e) {
        console.log(e.target)
        // e.target 这个可以得到我们点击的对象
        e.target.style.backgroundColor = 'pink';
    })

给一个元素绑定两个事件监听，事件监听(addEventListener)有三个参数，addEventListener(event,function,userCapture布尔值)，其中一个第三个参数设置为false即冒泡，另一个第三个参数设置为true即捕获，调整他们的代码顺序，将设置为false的监听事件放在设置为true的监听事件前面即可，就完成了让事件先冒泡后捕获。
三.对象和面向对象
封装继承多态。
把公共资源或者公共组件进行封装，可以在多种状态下使用。
最常用的面向对象，api封装，最后导出的是一个对象。
promise也是一种面向对象编程思想，通过promise把api封装起来，最后导出一个对象。
继承是面向对象得重要特点，可以提高代码的复用性。子类继承父类，有原型链继承，call继承，寄生组合继承，class类继承。
继承
四.for…in和for…of的区别
首先一句话：(for···in取key，for··of取value)
for···in和for···of都可以遍历数组
for···in可以遍历对象，for···of会报错
如果for···of要遍历普通对象得话，要配合Object.keys（）一起使用
五.查找数组重复项

function arr(arr1){
	var newArr=[];
	for(let i=0;i<arr1.length;i++){
		if(arr1.indexOf(arr1[i])!=arr1.lastIndexOf(arr1[i])&&newArr.indexOf(arr1[i])==-1){
			newArr.push(arr1[i])
		}
	}
	return newArr
}
arr(arr1)

六.数组扁平化
数组扁平化就是将一个多维数组转换为一个一维数组
实现的基本方式：
1.对数组的每一项进行遍历。
2.判断该项是否是数组。
3.如果该项不是数组则将其放进新数组。
4.是数组则回到1，继续迭代。
5.当数组遍历完成，返回这个新数组。

function arr(arr1){
	var newArr=[];
	arr1.map(item=>{
		if(Array.isArray(item)){
			newArr=newArr.concat(arr(item))
		}else{
			newArr.push(item)
		}
	})
	return newArr
}

七.垃圾回收机制
解决内存的泄露，垃圾回收机制会定期（周期性）找出那些不再用到的内存（变量），然后释放其内存。
闭包的变量长期驻扎在内存中的，不能回收其内存，需要手动清除。
两个算法：
标记清除：当变量进入环境时，将这个变量标记为进入环境。当变量离开环境时，就将其标记为离开环境。标记离开环境就回收内存。垃圾回收器完成内存清除工作，销毁那些带标记的值，并回收他们所占用的内存空间。
引用计数：当声明了一个变量并将一个引用类型值赋给该变量时，则这个值的引用次数就是1。如果同一个值又被赋给另一个变量，则该值的引用次数加1。相反，如果包含对这个值引用的变量又取得了另外一个值，则这个值的引用次数减1。当这个值的引用次数变成0时，则说明没有办法再访问这个值了，因而就可以将其占用的内存空间回收回来。这样，当垃圾回收器下次再运行时，它就会释放那些引用次数为0的值所占用的内存。
八.iframe的优缺点有哪些？
iframe是一个标签，他可以进行嵌套，主页面嵌套子页面。
优点：
1.iframe可以原封不动的把嵌入的网页展现出来。
2.如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。
3.网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。
4.如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决。
缺点：
1.会产生很多页面不易管理；
2.代码复杂，无法被一些搜索引擎索引到，这一点很关键，现在的搜索引擎爬虫还不能很好的处理iframe中的内容，所以使用iframe会不利于搜索引擎优化。
3.很多的移动设备（PDA 手机）无法完全显示框架，设备兼容性差。
4.iframe框架页面会增加服务器的http请求，对于大型网站是不可取的。
九. 函数柯里化（卡瑞化、加里化）？
把接收的多个参数的函数变换成接收一个单一参数的函数
十. window的onload事件和domcontentloaded
window.onload：
load事件触发时，页面上所有的DOM，样式表，脚本，图片都已经加载完成了.
document.onDOMContentLoaded：
仅当dom加载完成，不用考虑其他资源，例如图片，样式表等。
区别：
①onload事件是DOM事件，onDOMContentLoaded是HTML5事件。
②onload事件会被样式表、图像阻塞，而onDOMContentLoaded不会。
③onDOMContentLoaded比onload先执行。