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


  
    
      
        12
        张三
      
      
        13
        李四
      
    
  

{
  "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关键字,否则报错。

你可能感兴趣的:(2019前端面试题总结之二)