1.请说出下列最终的执行结果,并解释为什么。
var a = [];
for (var i = 0;i<10;i++){
a[i] = function (){
console.log(i)
}
}
执行结果:10;
原因:由于for循环不存在块级作用域的概念,因此最后查找i的值时通过作用域链往上查找,找到全局作用域中变量i的值,此时i为for循环最后一次赋值为10,因此a6函数执行打印的是10.
2.请说出此案例最终执行结果,并解释为什么
var tmp = 123;
if (true) {
console.log(tmp);
let tmp;
}
结果:执行报错
原因:块级作用域中,let创建的过程会被提升,初始化未被提升,称为暂时性死区,因此不能再初始化之前访问let声明的变量
3.结合ES6新语法,用最简单的方式找出数组中的最小值
var arr = [12, 34, 32, 89, 4]
答:Math.min(...arr)
4.请详细说明var,let,const三种声明变量方式之间的具体差别
答:
var | let | const | |
---|---|---|---|
使用语法 | var a = 1 | let a = 1 | const a =1 |
变量提升 | 声明提升,使用undefined初始化 | 仅声明提升,未被初始化 | 仅声明提升,未被初始化 |
作用域 | 全局或函数作用域 | 块级作用域 | 块级作用域 |
初始话 | 可以先声明不初始化 | 可以先声明不初始化 | 声明且初始化 |
重复定义 | 可以 | 不可以 | 基本数据类型不可以,引用数据类型仅可改变值 |
多次赋值 | 可以 | 可以 | 不可以 |
声明前访问 | 可以 | 不可以 | 不可以 |
5.请说出下列代码最终输出的结果,并解释为什么
var a = 10;
var obj = {
a: 20,
fn () {
setTimeout(() =>{
console.log(this.a)
})
}
}
obj.fn()
结果:20;
原因:因为是obj调用的fn函数,所以this指向obj;this.a即为obj.a,并且箭头函数中的this指向声明时所在的作用域上下文的this这里是 obj.
6. 简述Symbol类型的用途
1.原始值且实例是唯一不可变的 2.可作为私有属性 3.内置符号 4.全局符号注册表 5.可迭代
7. 说说什么是浅拷贝,什么是深拷贝?
浅拷贝:对于基本类型,直接复制了一份;对于引用类型,拷贝了引用地址;
深拷贝:不管是基本类型还是引用类型甚至里面的子对象都会直接复制,改变原属性不会影响新属性,但会浪费性能。
8. 请简述TypeScript与JavaScript之间的关系?
1.ts是js的超集,ts可以直接使用js的语法书写,但是又对变量、函数等进行了类型控制,可在开发期间对校验变量。
9.请谈谈你所认为的typescript优缺点
优点:ts作为强类型语言,算是真正的js,包容性强,增加了代码的可读性和可维护性
缺点:融合了其它语言的特点,增加了许多的新特性,增加了学习成本;以及项目初期需要大量的编译,增加了开发成本;
10. 描述引用计数的工作原理和优缺点
工作原理
- 设置引用数,判断当前引用数是否为0
- 引用计数器
- 引用关系改变时修改引用数字
优点 - 发现垃圾立即回收
- 最大限度减少程序暂停
缺点 - 无法回收循环引用的对象
- 事件开销大
11. 描述标记整理算法的工作流程
- 分标记和清楚两个阶段完成
- 遍历所有对象找标记活动对象
- 遍历所有对象清除没有标记对象
- 清楚阶段会先执行整理,移动对象位置
- 减少碎片化控件,不会立即回收垃圾
12.描述V8中新生代存储区垃圾回收的流程
- 回收过程采用复制算法+标记整理
- 新生代内存区分为二个等大小空间
- 使用空间为From,空闲空间为to
- 活动对象存储与于from空间
- 标记整理后将活动对象拷贝至To
- From与To交换空间完成释放
回收细节说明 - 拷贝过程中可能出现晋升
- 晋升就是将新生代对象移动至老生代
- 一轮GC还存活的新生代需要晋升
- To空间的使用率超过25%
13. 描述增量标记算法在何时使用及工作原理
程序在标记阶段被暂停运行,等待标记完成自动运行,当遇到大块需要标记的对象时,程序需要暂停很长一段时间,对用户体验很不友好,因此采用增量标记,将一大块分解为多个小块进行标记,减少每次程序暂停的时长,优化用户体验。最后标记完成后统一进行回收。