js面试题

this关键字(指向)

总结

1.在全局范围内,this指向window对象
2.在函数当中,指向它最后调用的那个对象
3.在构造函数当中,this指向new的那个新对象
4.在箭头函数当中,this指向父级的上下文

全局范围之内

1.this等价于window对象；
2.用var声明一个变量和给this或者window添加属性是等价的；
3.如果你在声明一个变量的时候没有使用var或者let、const(es6),你就是在给全局的this添加或者改变属性值。

函数内的this
对于函数中的this的指向问题，有一句话很好用：运行时this永远指向最后调用它的那个对象。

构造函数中的this
所谓构造函数，就是通过这个函数生成一个新对象（object）。当一个函数作为构造器使用时(通过 new 关键字), 它的 this 值绑定到新创建的那个对象。如果没使用 new 关键字, 那么他就只是一个普通的函数, this 将指向 window 对象。

箭头函数的中this
箭头函数的this，始终指向父级上下文（箭头函数的this取决于定义位置父级的上下文，跟使用位置没关系，普通函数this指向调用的那个对象）

2. 事件模型：事件委托、代理？如何让事件先冒泡后捕获？

事件模型
js事件模型就是观察者模式的体现 观察者模式又叫做发布订阅者模式(Publish/Subscribe)，它可以让多个观察者对象同时监听某一个主题对象， 这个主题对象的状态变化时会通知所有的订阅者，使得它们能够做出反应。

JS的事件模型就是一种观察者模式的体现，当对应的事件被触发时，监听该事件的所有监听函数都会被调用。

事件委托

事件委托，又名事件代理。事件委托就是利用事件冒泡，就是把子元素的事件都绑定到父元素上。如果子元素阻止了事件冒泡，那么委托也就没法实现了

如何让事件先冒泡后捕获

1. 首先，如果是目标元素自身的事件想要先冒泡后捕获，就把添加冒泡事件代码放在添加捕获事件前面。

2.可以通过addEventListener(event，function，useCapture布尔值)默认为false冒泡，true为捕获

3.对象和面向对象

对象:就是方法与属性的集合

面向对象:它是一种编程思想,万物皆为对象,它有一下几个特性

1、封装:隐藏对象的属性和实现细节，仅对外提供公共访问方式，将变化隔离，便于使用，提高复用性和安全性，常用的场景就是api接口封装.Promise异步封装

2、继承:提高代码复用性；继承是多态的前提。

3、：父类或接口定义的引用变量可以指向子类或具体实现类的实例对象。提高了程序的拓展性。

4.for···in和for···of的区别：(for···in取key，for··of取value)

1.从遍历的角度来说:for in 循环的是key(即下标) for of循环的是value(即数组的值)

2.从遍历字符串的角度来说，同数组一样。

3.从遍历对象的角度来说，for···in会遍历出来的为对象的key，但for···of会直接报错。

5.查找数组重复项

let removeArr = [1,2,3,2,6,5,3,'a',3,'hello']
   //最简单的es6方法
   let x =  [...new Set(removeArr)]
       console.log(x)
  let z = Array.from(new Set(removeArr))
   console.log(z)

6.数组扁平化

数组扁平化就是将一维数组转换为多维数组

实现基本方式

1、对数组的每一项进行遍历。

2、判断该项是否是数组。

3、如果该项不是数组则将其直接放进新数组。

4、是数组则回到1，继续迭代。

5、当数组遍历完成，返回这个新数组。

es6中的flag函数

let arr1 = [1,2,['a','b',['中','文',[1,2,3,[11,21,31]]]],3];
 console.log( arr1.flat( Infinity ) ); 

7.垃圾回收机制和内存泄漏

浏览器有自动垃圾回收机制,浏览器会定期性的检查代码中的变量,如果这个变量未使用,那么就将它删除,释放其内存

8.iframe的优缺点有哪些？

优点

1.iframe能够原封不动的把嵌入的网页展现出来。

2.如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决。

缺点

1.会产生很多页面，不容易管理。

2.iframe框架页面会增加服务器的http请求，对于大型网站是不可取的。

9. 函数柯里化（卡瑞化、加里化）

概念
把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而 返回结果的新函数的技术。

特点
1.接收单一参数，将更多的参数通过回调函数来搞定；
2.返回一个新函数，用于处理所有的想要传入的参数；
3.需要利用call、apply与arguments对象收集参数；
4.返回的这个函数正是用来处理收集起来的参数。

作用
能进行部分传值,如果你在代码某一处只获取了部分实参，然后在另一处确定另一部分实参，这时候柯里化和偏应用就能派上用场。

10.window的onload事件和domcontentloaded

onload事件是指所有DOM元素, 样式表，脚本，图片，flash都已经加载完成了,才会触发onload事件

domcontentloaded:仅DOM元素加载完毕后,会触发domcontentloaded事件