JavaScript知识点

构造函数是什么？

构造函数与普通函数在编码上没有区别，只要可以通过 new 来调用的就是构造函数。箭头函数不可以作为构造函数。

new 是一个语法糖，对执行的原理一步步拆分并自己写一个模拟 new 的函数:

当我们对一个构造函数执行new操作的时候，究竟干了什么？

1、创建一个新对象。
2、让这个新的对象的原型指向该构造函数的原型对象。
3、执行构造函数，并且将构造函数指向新的对象。
4、拿到构造函数最后返回的结果，判断是否是对象或者函数，如果是的话，则直接
返回。如果不是则返回新创建的对象。

手写new代码

	function create () {
		// 1. 创建新的对象。
		let obj = new Object()
		// 2.利用 shift 拿到 arguments 的第一个参数，也就是构造函数。
		const Func = [].shift.call(arguments)
		// 3.将新对象的 __proto__ 与构造函数的 prototype 挂钩。
		//obj.__proto__ = Func.prototype
		Object.setPrototypeOf(obj, Func.prototype)
		// 4.将新对象作为上下文执行构造函数。
		const Res = Func.apply(obj, arguments)

		// 5.判断返回值是否为对象，若是对象则返回该对象，否则返回新对象。
		return Res instanceof Object ? Res : obj
	}

	function Person (name) {
		this.name = name || '我是名字'
	}
	Person.prototype.sayName = function () {
		console.log('sayName >>>', this.name)
	}

	let p1 = create(Person, '老李')
	p1.sayName() // sayName >>> 老李

描述 NaN 指的是什么？

NaN 属性是代表非数字值的特殊值，该属性用于表示某个值不是数字。

NaN 是 Number 对象中的静态属性

typeof(NaN) // "number"NaN == NaN // false

那怎么判断一个值是否是 NAN 呢？若支持 es6 ，可直接使用 Number.isNaN()

若不支，可根据 NAN !== NAN 的特性

function isReallyNaN(val) {    let x = Number(val);    return x !== x;}

怎么判断NULL是NULL？

function isNull(a) {
    if (!a && typeof (a) === 'object') {       
        return true    
    }    
    return false
}
console.log(isNull(0)) // false
console.log(isNull(false))// false
console.log(isNull(''))   // false
console.log(isNull(null)) // true

什么是包装对象？

包装对象，只要是为了便于基本类型调用对象的方法。

包装对象有三种：String Number Boolean

这三种原始类型可以与实例对象进行自动转换，可把原始类型的值变成(包装成)对象，比如在字符串调用函数时，引擎会将原始类型的值转换成只读的包装对象，执行完函数后就销毁。
对js处理二进制有了解吗？

ArrayBuffer: 用来表示通用的、固定长度的原始二进制数据缓冲区，作为内存区域，可以存放多种类型的数据，它不能直接读写，只能通过视图来读写。

同一段内存，不同数据有不同的解读方式，这就叫做“视图”(view)，视图的作用是以指定格式解读二进制数据。目前有两种视图，一种是 TypedArray 视图，另一种是 DataView 视图，两者的区别主要是字节序，前者的数组成员都是同一个数据类型，后者的数组成员可以是不同的数据类型。

Blob: 也是存放二进制的容器，通过 FileReader 进行转换。

map 和 weekMap 的区别？

map 的 key 可以是任意类型，在 map 内部有两个数组，分别存放 key 和 value ，用下标保证两者的一一对应，在对 map 操作时，内部会遍历数组，时间复杂度O(n)，其次，因为数组会一直引用每个键和值，回收算法没法回收处理，可能会导致内存泄露。

相比之下， WeakMap 的键值必须是对象，持有的是每个键对象的 弱引用 ，这意味着在没有其他引用存在时垃圾回收能正确进行。
 

const wm1 = new WeakMap();const o1 = {};wm1.set(o1, 37);  // 当 o1 对象被回收，那么 WeakMap 中的值也被释放

什么是websocket?

WebSocket 是应用层协议，基于 tcp，与HTTP协议一样位于应用层，都是TCP/IP协议的子集.HTTP 协议是单向通信协议，只有客户端发起HTTP请求，服务端才会返回数据。而 WebSocket 协议是双向通信协议，在建立连接之后，客户端和服务器都可以主动向对方发送或接受数据。

什么是尾递归？

先给面试官简单说下什么是递归函数：函数内部循环调用自身的就是递归函数，若函数没有执行完毕，执行栈中会一直保持函数相关的变量，一直占用内存，当递归次数过大的时候，就可能会出现内存溢出，也叫爆栈，页面可能会卡死。
所以为了避免出现这种情况，可以采用尾递归。

尾递归：在函数的最后一步是调用函数，进入下一个函数不在需要上一个函数的环境了，内存空间 O(n) 到 O(1) 的优化 ，这就是尾递归。
尾递归的好处：可以释放外层函数的调用栈，较少栈层级，节省内存开销，避免内存溢出。
 

function add1(arr) {
    if (arr.length === 0) {
        return 0    }
    return add1(arr.slice(1)) + arr[0] // 还有父级函数中 arr[0] 的引用
}
function add(arr, re) {
    if (arr.length === 0) { 
       return re + 0    
}
 else 
{
       return add(arr.slice(1), arr[0] + re) // 仅仅是函数调用    
}}
console.log(add([1, 2, 3, 4], 0))  // 10
console.log(add1([1, 2, 3, 4])) // 10

了解函数式编程吗?

函数式编程的两个核心：合成和柯里化

编码可以做的优化?

1. 避免重复创建对象。

2. 在适当的时候解除引用，是为页面获的更好性能的一个重要方式。

3. 全局变量什么时候需要自动释放内存空间则很难判断，因此在开发中，需要尽量避免使用全局变量。