2019前端面试题总结之二

叁歲伎倆 2023-10-10 08:29 34阅读 0赞

#### 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",
              	"name": "张三"
            	},
              { 
                 "id": "13",
                 "name": "李四"
              }
            ]
          }
        }
      }
    }

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