js面试基础

1、判断js类型有哪些方式？

1、typeof （null、数组、对象的类型均为Object）
2、instanceof
构造函数的原型是否出现在对象的原型链中

function A() {}
let a = new A();
a instanceof A  //true,因为 Object.getPrototypeOf(a) === A.prototype;

3、Object.prototype.toString.call()
常用于判断浏览器内置对象,对于所有基本的数据类型都能进行判断，即使是 null 和 undefined

4、Array.isArray() （是否是数组）

2、es5、es6申明变量的几种方式

ES5 有俩种：var 和 function
ES6 有六种：增加四种，let、const、class 和 import

@3、数组去重的方法

1)、es6中的set
set.add()
set.delete()
set.has()
set.clear()

let arr = [1,1,2,3,4,5,5,6]
let arr2 = [...new Set(arr)]  

数组转Set (new Set())

let set2 = new Set([4,5,6])
console.log(set2)  //Set { 4, 5, 6 }

let set3 = new Set(new Array(7, 8, 9))
console.log(set3)  //Set { 7, 8, 9 }

Set转数组 (解构[…set] | Array.from())

let set4 = new Set([4, 5, 6])
console.log([...set4])  //[ 4, 5, 6 ]
console.log(Array.from(set4))  // [ 4, 5, 6 ]

2)、 reduce()

let arr = [1,1,2,3,4,5,5,6]
let arr2 = arr.reduce(function(ar,cur) {
  if(!ar.includes(cur)) {
    ar.push(cur)
  }
  return ar
},[])

reduce简单用法

var  arr = [1, 2, 3, 4];
var sum = arr.reduce((x,y)=>x+y)
var mul = arr.reduce((x,y)=>x*y)
console.log( sum ); //求和，10
console.log( mul ); //求乘积，24

除此之外，reduce() 还可以 多维数组去重、统计元素出现的次数、对象属性求和等等
reduce高级使用

3)、 filter()
[1,‘1’]会被当做相同元素，最终输入[1]，会将字符数字串当数字处理

let arr = [1,1,2,3,4,5,5,6]
let arr2 = arr.filter(function(item,index) {
  // indexOf() 方法可返回某个指定的 字符串值 在字符串中首次出现的位置
  return arr.indexOf(item) === index
})

4、DOM 事件有哪些阶段？事件代理？

捕获=》目标源=》冒泡
事件不绑定在直接触发源上，而是在绑定在父级上监听
优点：减少事件绑定数量、节省内存开销

5、javascript 的垃圾回收机制

JavaScript 在创建对象(对象、字符串等)时会为它们分配内存，不再使用对时会“自动”释放内存，这个过程称为垃圾回收。

四种常见的内存泄漏（内存不能收回）：
全局变量，未清除的定时器，闭包，以及 dom 的引用

6、前端性能优化？安全？

1、代码精简从优
2、静态资源压缩打包放cdn
3、减少api接口请求
4、减少重绘回流（减少dom布局操作）
5、webpack优化
6、防止xss攻击（跨脚本攻击）
7、界面源码有使用到密钥的地方，加密处理