2019前端面试题 JS篇

1.介绍一下闭包和闭包常用场景？

使用闭包主要为了设计私有的方法和变量，闭包的有点事可以避免变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。在js中，函数即闭包，只有函数才会产生作用域的概念。
闭包有三个特性：
函数嵌套函数
函数内部可以引用外部的参数和变量
参数和变量不会被垃圾回收机制回收
闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包常见方式，就是在一个函数的内部创建另一个函数
应用场景，设置私有变量的方法
不适用场景：返回闭包的函数是个非常大的函数
闭包的缺点就是常驻内存，会增大内存使用量，使用不当会造成内存泄漏

2.为什么会出现闭包这种东西？解决了什么问题？

受javascript链式作用域链的影响，父级变量中无法访问到子级的变量值

3.介绍一下你所了解的作用域链，作用域链的尽头是什么？为什么？

	每一个函数都有一个作用域，比如创建了一个函数，函数里面又包含了一个函数，那么现在又三个作用域，这样就形成了一个作用域链
作用域的特点就是，先在自己的变量范围中查找，如果找不到，就会沿着作用域链网上找

4.事件委托

利用冒泡原理，把时间加到父级上，触发执行效果
可以大量节省内存占用，减少事件注册
可以方便地动态添加和修改元素，不需要因为元素的改动而修改时间绑定

var ul = document.querySelector('ul'); 
var list = document.querySelectorAll('ul li'); 

ul.addEventListener('click', function(ev){ 
    var ev = ev || window.event; 
    var target = ev.target || ev.srcElemnt; 

    for(var i = 0, len = list.length; i < len; i++){ 
        if(list[i] == target){ 
            alert(i + "----" + target.innerHTML); 
        } 
    } 
});

5.javascript的内存回收机制？

	垃圾回收器会每隔一段时间找出那些不再使用的内存，然后为其释放内存
	一般使用标记清除方法 当变量进入环境标记为进入环境，离开环境标记为离开环境
	还有引用计数方法
堆栈
	stack为自动分配的内存空间，它由系统自动释放；而heap则是动态分配的内存，大小不定也不会自动释放
	基本数据类型存放在栈中
	引用类型 存放在堆内存中，首先从栈中获得该对象的地址指针，然后再从堆内存中取得所需的数据

6.函数防抖和函数节流？

函数防抖是指频繁触发的情况下，只有足够的空闲时间，才执行代码一次
函数防抖的要点，也是要一个setTImeout来辅助实现。延迟执行需要跑的代码
如果方法多次触发，则要把上次记录的延迟执行代码用clearTimeout清掉，重新开始
如果计时完毕，没有方法进来访问触发，则执行代码

var tiemr = false;
document.getElementById(‘debounce’,onScrll = function(){
    clearTimeout(timer);
    timer = setTimeout(function(){
        console.log('111')
    }, 300);
}

7.javascript中的this是什么，有什么用，指向上面？

 全局代码中的this是指向全局对象
作为对象的方法调用时指向调用这个函数的对象
作为构造函数指向创建的对象
使用apply和call设置this

8.判断数组有哪些方法？

a instanceof Array
a.constructor == Array
Object.protype.toString.call(a) == [Object Array]

9.严格模式的特性？

对javascript的语法和行为，都做了一些改变
全局变量必须显式的声明。
对象不能有重名的属性
函数必须声明在顶层
消除js语法的一些不合理，不严谨之处，减少一些怪异行为
消除代码运行的一些不安全之处，保证代码运行的安全
提高编译效率，增加运行速度
为未来新版本的js做好铺垫

10.js的原型链，如何实现继承？

	function foo(){};
	
	foo.prototype.z = 3;
	
	var obj = new foo();
	obj.x = 1;
	obj.y = 2;
	
	obj.x //1
	obj.y //2
	obj.z //3

11.图片懒加载

　当页面滚动的时间被触发->执行加载图片操作->判断图片是否在可视区域内->在，则动态将data-src的值赋予该图片

12.webpack常用到哪些功能？

设置入口
设置输出目录
设置loader
extract-text-webpack-plugin将css从js代码中抽出并合并
处理图片文字等功能
解析jsx解析bable

13.函数组合继承

　//原型继承，构造函数继承，call apply继承

	var super = function(name){
	    this.name = name;
	}
	
	super.prototype.func1 = function() {console.log('func1')}
	
	var sub = function(name, age){
	    super.call(this, name);
	    this.age = age;
	}
	
	sub.prototype = new super()'

14.对作用域链的理解

作用域链的作用是保证执行环境里有权访问的变量和函数是有序耳朵，作用域链额变量只能向上访问，变量访问到window对象即被终止，作用域链向下访问变量是不被允许的

15.js垃圾回收方法

标记清除（mark and sweep）
		这是JavaScript最常见的垃圾回收方式，当变量进入执行环境的时候，比如函数中声明一个变量，垃圾回收器将其标记为“进入环境”，当变量离开环境的时候（函数执行结束）将其标记为“离开环境”。
		垃圾回收器会在运行的时候给存储在内存中的所有变量加上标记，然后去掉环境中的变量以及被环境中变量所引用的变量（闭包），在这些完成之后仍存在标记的就是要删除的变量了
		
引用计数(reference counting)
	在低版本IE中经常会出现内存泄露，很多时候就是因为其采用引用计数方式进行垃圾回收。引用计数的策略是跟踪记录每个值被使用的次数，
当声明了一个变量并将一个引用类型赋值给该变量的时候这个值的引用次数就加1，如果该变量的值变成了另外一个，则这个值得引用次数减1，
当这个值的引用次数变为0的时 候，说明没有变量在使用，这个值没法被访问了，因此可以将其占用的空间回收，这样垃圾回收器会在运行的时候清理掉引用次数为0的值占用的空间。
	在IE中虽然JavaScript对象通过标记清除的方式进行垃圾回收，但BOM与DOM对象却是通过引用计数回收垃圾的， 也就是说只要涉及BOM及DOM就会出现循环引用问题。

16.js继承方式及其优缺点

原型链继承的缺点
	一是字面量重写原型会中断关系，使用引用类型的原型，并且子类型还无法给超类型传递参数
借用构造函数（类试继承）
	借用构造函数虽然解决了刚才两种问题，但是没有原型，则复用无从谈起，需要原型链+借用构造函数的模式，这种模式成为组合继承
组合式继承
	组合式继承是比较常用的一种继承方法，其背后的思路是使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承，
这样，即通过在原型上定义方法实现了函数复用，有保证每个实例都有它自己的属性