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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这是16年5月份编辑的一份比较杂乱适合自己观看的学习记录文档,今天18年5月份再次想写文章,发现简书还为我保存起的...
    Jenaral阅读 2,830评论 2 9
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,135评论 1 32
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,149评论 0 21
  • class的基本用法 概述 JavaScript语言的传统方法是通过构造函数,定义并生成新对象。下面是一个例子: ...
    呼呼哥阅读 4,126评论 3 11
  • 接口/抽象类意义规范、扩展、回调为其子类提供一个公共的类型 封装子类中得重复内容 定义抽象方法,子类虽然有不同的实...
    MigrationUK阅读 2,187评论 1 28