面试题整理（二）

---

前言

一、数组扁平化

数组扁平化就是使一个数组套数组，里面套很多层的数组变成一个单纯的数组，新数组里面只有那些数组的值（数组扁平化就是将一个多维数组转换为一个一维数组）

1、对数组的每一项进行遍历。
2、判断该项是否是数组。
3、如果该项不是数组则将其直接放进新数组。
4、是数组则回到1，继续迭代。
5、当数组遍历完成，返回这个新数组。

递归遍历

Array.prototype.flatten = function () {
  var resultArr = [];
  var len = this.length;
  for (var i = 0; i < len; i ++) {
    if (Array.isArray(this[i])) {
        resultArr = resultArr.concat(this[i].flatten());
    } else {
      resultArr.push(this[i]);
    }
  }
  return resultArr;
}
var arr=[1,2,3,[4,5,'hello',['world',9,666]]]
console.log(arr.flatten())//[1, 2, 3, 4, 5, "hello", "world", 9, 666]

二、面向对象

对象

方法和属性的集合（万物皆对象）

1、类、封装、继承、多态

封装：低耦合高内聚

多态：重载和重写
​ 重载：js中是没有重载概念的(后端：方法名相同,但是形参个数不同或者类型不一样，挥着返回值不同（类型),根据传参不同,实现不同的效果
​ 重写：在类的继承中，子类是可以重写父类的方法的

三大特性

1、多态性

是指 不同事物具有表现形式的能力.多条机制是具有不同内部结构的对象能够共享接口,减少代码复杂度,一个接口,他是多态实现的具体形式，提高了程序的拓展性!

2、封装

数据封装的实体就是对象,对象就是类的实例化

特点:属性、方法、集合

3、继承性

继承是面向对象的重要特点,是其他语言所没有

特点：提高代码的复用性

什么是类

类的内部封装了方法和属性
它包含了有关对象的行为信息，包括它的名称、属性以及方法和事件

三、垃圾回收机制

浏览器的Javascript 具有自动垃圾回收机制，也就是说浏览器会周期性的找到那些不再使用的变量，然后释放变量

什么是垃圾

就是没有被引用的Object,有个例外如果几个对象引用形成一个环，互相引用，但根访问不到它们，这几个对象也是垃圾，也要被清除。

不再使用的变量也就是生命周期救赎的变量，只有可能是局部变量，全局变量纸质浏览器关闭页面才会结束。局部变量只有子啊函数执行的过程中存在，函数结束时就会回收内存，但是闭包由于内部函数的原因，外部函数并不算结束，所以闭包内的变量不会被回收

标记清除

js中最常用的垃圾回收方式就是标记清除。当变量进入环境时，例如，在函数中声明一个变量，就将这个变量标记为“进入环境”。从逻辑上讲，永远不能释放进入环境的变量所占用的内存，因为只要执行流进入相应的环境，就可能会用到它们。而当变量离开环境时，则将其标记为“离开环境”。

什么是内存泄漏

不再用到的内存，没有及时释放，就叫做内存泄漏

四、iframe

相当于在浏览器中嵌套一个浏览器,是一个标签,如今大多弃用（缺点大于优点）

优点：
①iframe能够原封不动的把嵌入的网页展现出来；
②如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。
③网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。
④如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决。

缺点：

①会产生很多页面不易管理；
②iframe框架结构有时会让人感到迷惑，如果框架个数多的话，可能会出现上下、左右滚动条，会分散访问者的注意力，用户体验度差。
③代码复杂，无法被一些搜索引擎索引到，这一点很关键，现在的搜索引擎爬虫还不能很好的处理iframe中的内容，所以使用iframe会不利于搜索引擎优化。
④很多的移动设备（PDA 手机）无法完全显示框架，设备兼容性差。
⑤iframe框架页面会增加服务器的http请求，对于大型网站是不可取的。

五、window的onload事件和domcont entloaded

window.onload：
当一个资源及其依赖资源已完成加载时，将触发onload事件。

document.onDOMContentLoaded：
当初始的HTML文档被完全加载和解析完成之后，DOMContentLoaded事件被触发，而无需等待样式表、图像和子框架的完成加载。

区别：
①onload事件是DOM事件，onDOMContentLoaded是HTML5事件。
②onload事件会被样式表、图像和子框架阻塞，而onDOMContentLoaded不会。
③当加载的脚本内容并不包含立即执行DOM操作时，使用onDOMContentLoaded事件是个更好的选择，会比onload事件执行时间更早。

---