2019前端面试题总结之二

1.下面的语句返回值是什么？

“I'am a lasagna hog".split("").reverse().join(")

• 答案：goh angasal a ma'i

2. 下面两个alert的结果是什么？

var foo = 'hello';
(function () {
  var bar = 'world'
  alert(foo + bar) // helloword
})()
alert(foo + bar) // 报错，bar is not defined

3. 根据以下 xml 请写出对应的json

<span style="font-size: 18px">
  <xml>
    <list>
      <item>
        <id>12</id>
        <name>张三</name>
      </item>
      <item>
        <id>13</id>
        <name>李四</name>
      </item>
    </list>
  </xml>
</span>

{
  "span": {
    "-style": "font-size: 18px",
    "xml": {
      "list": {
        "item": [
          {
          	"id": "12",
          	"name": "张三"
        	},
          {
             "id": "13",
             "name": "李四"
          }
        ]
      }
    }
  }
}

4. 闭包是什么？有什么特性？请检单书写一个简单的事例？

• 闭包是指有权访问另一个函数作用域中的变量的函数
• 封闭性：外界无法访问闭包内部的数据，如果在闭包内声明变量，外界是无法访问的，除非闭包主动向外界提供访问接口；
• 持久性：一般的函数，调用完毕之后，系统自动注销函数，而对于闭包来说，在外部函数被调用之后，闭包结构依然保存在。

function a() {
  var n = 999;
  nAdd = function () {
    n++
  }

  function b() {
    console.log(n);
  }
  return b
}
var result = a();
result(); // 999
nAdd();
result(); // 1000

5. 下面的代码输出是什么？

var test = (function (a) {
  this.a = a;
  return function (b) {
    return this.a + b
  }
}(function (a, b) {
  return a;
}(1, 2)))
console.log(test(4)); // 出入的是 5

6. ES5的继承和ES6的继承有什么区别？

• ES5的继承是通过prototype或构造函数机制来实现。

  ES5的继承实质上是先创建子类的实例对象，然后再将父类的方法添加到this上(Parent.apply(this))。

• ES6的继承机制实质上是先创建父类的实例对象this(所以必须先调用父类的super()方法)，然后再用子类的构造函数修改this。具体为ES6通过class关键字定义类，里面有构造方法，类之间通过extends关键字实现继承。子类必须在constructor方法中调用super方法，否则新建实例报错。因为子类没有自己的this对象，而是继承了父类的this对象，然后对其调用。如果不调用super方法，子类得不到this对象。

• 注意：super关键字指代父类的实例，即父类的this对象。在子类构造函数中，调用super后，才可使用this关键字，否则报错。