深圳开思

5月25日

面试部门：某业务部门

一面

面试形式：现场面

面试时长：40分钟

面试感悟：面试开始前，看到面试官在面另一个小哥，隐约听到小哥被面试官怼的好惨...所以面试前内心还有点坎坷。但是当真正去面试的时候，面试官好像没有那么凶了，甚至自我感觉眼神中透露着对我的不怀好意...原来他说他有看过我写的文章，说得想点我不知道的考考我...😅

说一说原型链

(面试官叫我详细描述一下，然后说自己也学习一下...我："不不不，您太谦虚了。")

null为什么被typeof错误的判断为了'object'

说一说几种this指向

默认绑定(非严格模式下this指向全局对象, 严格模式下this会绑定到undefined)
隐式绑定(当函数引用有上下文对象 时, 如 obj.foo()的调用方式, foo内的this指向obj)
显示绑定(通过call()或者apply()方法直接指定this的绑定对象, 如foo.call(obj))
new绑定
箭头函数绑定(this的指向由外层作用域决定的)

使用箭头函数时需要注意什么？

不能用于构造函数

        let Person = (sex) => {
      this.sex = sex
    }
    console.log(new Person('boy'))

结果为：

        Uncaught TypeError: Person is not a constructor

不要用于事件绑定

例如：

        const btn = document.getElementById('btn');
    btn.addEventListener('click', function() {
      console.log(this) // window
    })
    
    const btn = document.getElementById('btn');
    btn.addEventListener('click', () => {
      console.log(this) // <button id="btn">按钮</button>
    })

可以看到，使用箭头函数进行事件绑定，会丢失原本的this指向。

原型链上添加方法也不能用箭头函数

说一下JS内置对象

构造器内置对象 ：

Object
Boolean
String
Number
Function
Array
RegExp
Date
Error

其它对象：

Math
JSON
全局对象
- NaN
- parseInt
- encodeURIComponent

描述一下作用域链

(答案参考：《面试分享：两年工作经验成功面试阿里P6总结》 (opens new window))

当代码在一个环境中创建时，会创建变量对象的一个作用域链（scope chain）来保证对执行环境有权访问的变量和函数。作用域第一个对象始终是当前执行代码所在环境的变量对象（VO）。如果是函数执行阶段，那么将其activation object（AO）作为作用域链第一个对象，第二个对象是上级函数的执行上下文AO，下一个对象依次类推。

在《JavaScript深入之变量对象》中讲到，当查找变量的时候，会先从当前上下文的变量对象中查找，如果没有找到，就会从父级(词法层面上的父级)执行上下文的变量对象中查找，一直找到全局上下文的变量对象，也就是全局对象。这样由多个执行上下文的变量对象构成的链表就叫做作用域链。