一、请说出下列最终的执行结果,并解释为什么。

    1. var a = [];
    2. for (var i = 0; i < 10; i++) {
    3. a[i] = function() {
    4. console.log(i)
    5. }
    6. }
    7. a[6]()

    答:结果是10。因为for循环里的i是全局变量,for循环执行完之后,i已经变成了10,所以之后无论调用a几,输出的都是10。


    二、请说出下列最终的执行结果,并解释为什么。

    1. var tmp = 123;
    2. if (true) {
    3. console.log(tmp)
    4. let tmp
    5. }

    答:结果报错,cannot access ‘tmp’ before initialization
    原因:let 会形成块级作用域和封闭作用域,所以 tmp 无法拿到外层 var 声明的值,只能在块级作用域中查找。let 不会导致变量提升,因此console.log(tmp)无法找到声明,出现暂时性死区。


    三、结合ES6新语法,用最简单的方法找出数组中的最小值。

    1. var arr = [12, 34, 32, 89, 4]

    答:

    1. arr.sort((a, b) => a-b)[0]
    2. arr.reduce((min,num)=>min<num?min:num)
    3. Math.min(...arr)

    四、请详细说明 var,let,const 三种声明变量方式之间的具体差别。

    var let const
    提升 声明提升,使用undefined初始化 不存在变量提升 不存在变量提升
    作用域 全局 块级 块级
    初始化 可以仅声明不初始化 可以仅声明不初始化 必须在声明时初始化
    重复定义 可以 不可以 不可以
    多次赋值 可以 可以 基本数据类型不可以,引用数据类型仅可改变值
    声明前访问 可以 不可以 不可以

    五、请说出下列代码最终输出的结果,并解释为什么。

    1. var a = 10;
    2. var obj = {
    3. a: 20,
    4. fn () {
    5. setTimeout(() => {
    6. console.log(this.a)
    7. })
    8. }
    9. }
    10. obj.fn()

    答:打印20。因为setTimeout是箭头函数,里面的this指向没有改变和fn函数里的this是一致的都指向obj,所以会输出20


    六、简述Symbol类型的用途。

    答:

    • 作为对象的属性,可以作为对象的私有属性,
    • 阻止对象上属性名的冲突,每个 Symbol 都独一无二的,可以保证不与其他属性名产生冲突,
    • 使用Symbol来替代常量

    七、说说什么是浅拷贝,什么是深拷贝。

    答:

    • 浅拷贝:针对 Object,Array 这种复杂数据类型,浅拷贝复制一层对象的属性,属性中的值是基本数据类型直接复制值,如果是引用类型复制内存地址的指针,所以在修改复制后的变量里引用类型的里面的值时,会导致原始数据也被修改
    • 深拷贝:针对 Object,Array 这种复杂数据类型,深复制递归复制了所有的层级,新数据和原始数据不存在联系,因此在修改复制后的变量里引用类型的里面的值时,不会导致原始数据也被修改

    八、简述TypeScript和JavaScript之间的关系。

    答:TypeScript 并不是一个完全新的语言, 它是 JavaScript 的超集,为 JavaScript 的生态增加了类型机制,并最终将代码编译为纯粹的 JavaScript 代码。

    TypeScript JavaScript
    JavaScript 的超集用于解决大型项目的代码复杂性 一种脚本语言,用于创建动态网页。
    可以在编译期间发现并纠正错误 作为一种解释型语言,只能在运行时发现错误
    强类型,支持静态和动态类型 弱类型,没有静态类型选项
    最终被编译成 JavaScript 代码,使浏览器可以理解 可以直接在浏览器中使用
    支持模块、泛型和接口 不支持模块,泛型或接口
    支持 ES3,ES4,ES5 和 ES6 等 不支持编译其他 ES3,ES4,ES5 或 ES6 功能
    社区的支持仍在增长,而且还不是很大 大量的社区支持以及大量文档和解决问题的支持

    九、请你谈谈你所认为的TypeScript优缺点。

    优点:

    • 任何一种 javascript 运行环境都支持
    • 功能更为强大,生态更健全、更完善
    • TypeScript 属于渐进式的
    • 增强代码的可读性和可维护性,增强了编译器和 IDE 的功能,定义可以作为文文档
    • 在编译阶段就可以发现大部分大错误,不需要在运行时才发现

    缺点:

    • 语言本身多了很多概率,提高学习成本
    • 项目初期,TypeScript 增加开发成本
    • 集成到构建流程需要一些工足量
    • 可能和一些库结合不完美,需要单独添加一些声明,不过大部分的库都支持了 TypeScript

    十、描述引用计数的工作原理和优缺点。

    工作原理:设置引用数,判断当前引用数是否为 0,引用关系改变时修改引用数字
    优点:

    1. 发现垃圾时立即回收
    2. 最大限度减少程序暂停(保证空间不会被占满)

    缺点:

    1. 无法回收循环引用的对象
    2. 时间开销大(监控对象,维护引用数)

    十一、描述标记整理算法的工作流程。

    1. 遍历所有对象找标记活动对象
    2. 清除阶段会先执行整理,移动对象位置,将活动对象放在一起
    3. 清除没有标记的对象,同时把第一次遍历所做的标记抹掉
    4. 把回收的空间放到空闲列表上面,方便后续程序申请空间使用
      优点: 减少了内存空间的碎片化,缺点: 不能立即回收对象

    十二、描述V8中新生代存储区垃圾回收的流程。

    1. 回收过程采用复制算法+标记整理算法
    2. 新生代分为 from-to 两个等大空间 32M(32 位为 16M)
    3. 使用空间为 from 内存区,空闲空间为 to 内存区,当 from 空间应用一定大小会触发标记整理
    4. 当发生标记整理后,复制活动对象到 to 内存区,然后 From 空间进行内存释放。
    5. 如果拷贝时出现晋升,将新生代活动对象移入老生代
    6. 当 To 空间的使用率达到 25%时,将新生代活动对象移入老生代
    7. 当一轮 GC 执行完毕后还存活的新生代测需要晋级
    8. 当一次 GC 操作后,From 和 to 需要进行置换

    十三、描述增量标记算法在何时使用及工作原理。

    答: 使用时机:会穿插在程序的运行中执行。
    工作原理: 对象存在直接可达和间接可达,将遍历对象标记,拆分成多个小步骤,先标记直接可达对象。间接可达的标记与程序执行交替执行,最终完成清除。