js阶段面试题总结

1、对浏览器的内核的了解?有哪些内核?

浏览器要渲染出网页给用户看,必须加载html编码和js脚本,渲染引擎渲染页面的UI和js执行引擎操作内存,就是浏览器的的重要组成程序:内核

根据不同的浏览厂商 他们使用了不同的内核, 内核的程序是很难实现的,根据我的了解有一些内核是公司自己实现的有一些是直接借用的,比如:

1、IE浏览器内核：Trident内核，也是俗称的IE内核；

2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核；

3、Firefox浏览器内核：Gecko内核，俗称Firefox内核；

4、Safari浏览器内核：Webkit内核；

5、Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blink内核；

2、ES5和ES6有什么区别?

区别：
1、es6新增了箭头函数，es5没有；
2、ES6中新增了块级作用域，es5没有；
3、ES6引入Class概念，不再像ES5一样使用原型链实现继承；
4、ES6中可以设置默认函数参数，es5不行；
5、ES6中新增了promise特性。

3、讲一讲ES6的版本怎么更新的?(问的少)

每年-发布
step1–初审(搜一下)

step2–初审(搜一下)

step3–初审(搜一下)

step4–初审(搜一下)

4、let、var、const的区别

（1）块级作用域： 块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。块级作用域解决了ES5中的两个问题：
• 内层变量可能覆盖外层变量
• 用来计数的循环变量泄露为全局变量
（2）变量提升： var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。
（3）给全局添加属性： 浏览器的全局对象是window，Node的全局对象是global。var声明的变量为全局变量，并且会将该变量添加为全局对象的属性，但是let和const不会。
（4）重复声明： var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量。
（5）暂时性死区： 在使用let、const命令声明变量之前，该变量都是不可用的。这在语法上，称为暂时性死区。使用var声明的变量不存在暂时性死区。
（6）初始值设置： 在变量声明时，var 和 let 可以不用设置初始值。而const声明变量必须设置初始值。
（7）指针指向： let和const都是ES6新增的用于创建变量的语法。 let创建的变量是可以更改指针指向（可以重新赋值）。但const声明的变量是不允许改变指针的指向。

5、多维数组降维

法1：

var arr=[[10,20,30],40,50,[[60,70],80,[90,[110],100]]]
var arr2=arr.flat(3)
console.log(arr2)

法2：
var arr=[[10,20,30],40,50,[[60,70],80,[90,[110],100]]]
Array.prototype.myflat=function(count=Infinity){
var arr=[]
for(var i=0;i<this.length;i++){
// arr.push(this[i])
if(this[i].constructor==Array&&count>0){
// for(var j=0;j<this[i].length;j++){
// arr.push(this[i][j])
// }
var newarr=this[i].myflat(count-1)
for(var j=0;j<newarr.length;j++){
arr.push(newarr[j])
}
}else{
arr.push(this[i])
}
}
return arr
}
var re2=arr.myflat(1)
console.log(re2)

6、数组内置对象有哪些？

ES5：
concat() 连接两个或更多的数组，并返回结果。
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素，并返回新的长度。
reverse() 颠倒数组中元素的顺序。
shift() 删除并返回数组的第一个元素
slice() 从某个已有的数组返回选定的元素
sort() 对数组的元素进行排序
splice() 删除元素，并向数组添加新元素。
toSource() 返回该对象的源代码。
toString() 把数组转换为字符串，并返回结果。
toLocaleString() 把数组转换为本地数组，并返回结果。
unshift() 向数组的开头添加一个或更多元素，并返回新的长度。
valueOf() 返回数组对象的原始值
ES6：
1、find()：查找数组中符合条件的元素,若有多个符合条件的元素，则返回第一个元素。
一个都不符合，则返回undefined。
2、findIndex()：查找数组中符合条件的元素索引，若有多个符合条件的元素，则返回第一个元素索引。
都不满足条件则返回-1。
3、fill()：将一定范围索引的数组元素内容填充为单个指定的值。区间前闭后开，返回值是元素
4、entrys()：遍历键值对
5、keys()：遍历键名。
6、values()：遍历键值
7、includes()：数组是否包含指定值。注意：与 Set 和 Map 的 has 方法区分；Set 的 has 方法用于
查找值；Map 的 has 方法用于查找键名。
8、flat()：数组降维

7、数组遍历器有哪些？

1）for 循环是 Js 中最常用的一个循环工具， 经常用于数组的循环遍历。

2）for in 循环主要用于遍历普通对象， i 代表对象的 key 值， obj[i] 代表对应的 value, 当用它来遍历数组
时候， 多数情况下也能达到同样的效果， 但是你不要这么做， 这是有风险的， 因为 i 输出为字符串形式
， 而不是数组需要的数字下标， 这意味着在某些情况下， 会发生字符串运算， 导致数据错误，
比如： ‘52’ +1 = ‘521’ 而不是我们需要的 53。另外for in 循环的时候， 不仅遍历自身的属性， 还会找
到 prototype 上去， 所以最好在循环体内加一个判断， 就用 obj[i].hasOwnProperty(i)，
这样就避免遍历出太多不需要的属性。

3）while 循环方法

4）do-while 循环是while循环的一个变体， 它首先执行一次操作， 然后才进行条件判断， 是 true 的话
再继续执行操作， 是 false 的话循环结束。

5）forEach循环， 循环数组中每一个元素并采取操作， 没有返回值， 可以不用知道数组长度,
他有三个参数， 只有第一个是必需的， 代表当前下标下的 value。另外请注意， forEach 循环
在所有元素调用完毕之前是不能停止的， 它没有break 语句， 如果你必须要停止， 可以尝试try-catch
语句， 就是在要强制退出的时候， 抛出一个 error 给catch 捕捉到， 然后在catch 里面return，
这样就能中止循环了， 如果你经常用这个方法， 最好自定义一个这样的 forEach 函数在你的库里。

6）map() 方法返回一个新数组， 数组中的元素为原始数组元素调用函数处理后的值。
注意： map 和 forEach 方法都是只能用来遍历数组， 不能用来遍历普通对象。

7）filter 方法是 Array 对象内置方法， 它会返回通过过滤的元素， 不改变原来的数组。

8）some() 方法用于检测数组中的元素是否满足指定条件（ 函数提供）, 返回 boolean 值， 不改变原数组。

9）every() 方法用于检测数组所有元素是否都符合指定条件（ 通过函数提供）， 返回 boolean 值， 不改变原数组。

10）reduce() 方法接收一个函数作为累加器， 数组中的每个值（ 从左到右） 开始缩减， 最终计算为一个值。

11）reduceRight() 方法, 和 reduce() 功能是一样的， 它是从数组的末尾处向前开始计算。

12）for of 循环是 Es6 中新增的语句， 用来替代for in 和 forEach， 它允许你遍历 Arrays（ 数组）,
Strings（ 字符串）, Maps（ 映射）, Sets（ 集合） 等可迭代(Iterable data) 的数据结构, 注意它的
兼容性。

8、时间内置函数有哪些？

Date() 返回当日的日期和时间。
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth() 从 Date 对象返回月份 (0 ~ 11)。
getFullYear() 从 Date 对象以四位数字返回年份。
getYear() 请使用 getFullYear() 方法代替。
getHours() 返回 Date 对象的小时 (0 ~ 23)。
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCMonth() 根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCFullYear() 根据世界时从 Date 对象返回四位数的年份。
getUTCHours() 根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMinutes() 根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCSeconds() 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getUTCMilliseconds() 根据世界时返回 Date 对象的毫秒(0 ~ 999)。
parse() 返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth() 设置 Date 对象中月份 (0 ~ 11)。
setFullYear() 设置 Date 对象中的年份（四位数字）。
setYear() 请使用 setFullYear() 方法代替。
setHours() 设置 Date 对象中的小时 (0 ~ 23)。
setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。
setTime() 以毫秒设置 Date 对象。
setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCFullYear() 根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds() 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
toSource() 返回该对象的源代码。
toString() 把 Date 对象转换为字符串。
toTimeString() 把 Date 对象的时间部分转换为字符串。
toDateString() 把 Date 对象的日期部分转换为字符串。
toGMTString() 请使用 toUTCString() 方法代替。
toUTCString() 根据世界时，把 Date 对象转换为字符串。
toLocaleString() 根据本地时间格式，把 Date 对象转换为字符串。
toLocaleTimeString() 根据本地时间格式，把 Date 对象的时间部分转换为字符串。
toLocaleDateString() 根据本地时间格式，把 Date 对象的日期部分转换为字符串。
UTC() 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。
valueOf() 返回 Date 对象的原始值。

9、字符串内置对象有哪些？

anchor() 创建 HTML 锚。
big() 用大号字体显示字符串。
blink() 显示闪动字符串。
bold() 使用粗体显示字符串。
charAt() 返回在指定位置的字符。
charCodeAt() 返回在指定的位置的字符的 Unicode 编码。
concat() 连接字符串。
fixed() 以打字机文本显示字符串。
fontcolor() 使用指定的颜色来显示字符串。
fontsize() 使用指定的尺寸来显示字符串。
fromCharCode() 从字符编码创建一个字符串。
indexOf() 检索字符串。
italics() 使用斜体显示字符串。
lastIndexOf() 从后向前搜索字符串。
link() 将字符串显示为链接。
localeCompare() 用本地特定的顺序来比较两个字符串。
match() 找到一个或多个正则表达式的匹配。
replace() 替换与正则表达式匹配的子串。
search() 检索与正则表达式相匹配的值。
slice() 提取字符串的片断，并在新的字符串中返回被提取的部分。
small() 使用小字号来显示字符串。
split() 把字符串分割为字符串数组。
strike() 使用删除线来显示字符串。
sub() 把字符串显示为下标。
substr() 从起始索引号提取字符串中指定数目的字符。
substring() 提取字符串中两个指定的索引号之间的字符。
sup() 把字符串显示为上标。
toLocaleLowerCase() 把字符串转换为小写。
toLocaleUpperCase() 把字符串转换为大写。
toLowerCase() 把字符串转换为小写。
toUpperCase() 把字符串转换为大写。
toSource() 代表对象的源代码。
toString() 返回字符串。
valueOf() 返回某个字符串对象的原始值。

10、箭头函数的特点有哪些?

• 要有个箭头
• 箭头的前面是小括号，放形参，只有一个形参的时候可以省略小括号；
• 箭头的后面是函数体；
• 如果函数体只有一个语句，没有{}，此时的返回值不需要return；
• 箭头函数里面的this总是指向最靠近的function 内部的this；
• 对象里面的方法，尽可能不要使用箭头函数；
• 箭头函数里面没有arguments，可以使用…reset，接收过来就是数组类型，接收的是形参之外的所有的实参；

11、任务的队列分类和事件循环的过程？

异步任务的对立优先级：异步宏任务先执行，然后再执行异步微任务
事件循环过程： 脚本宏任务-》同步任务-》微任务-》下一轮宏任务
先执行第一轮宏任务(脚本)中的代码:同步～微任务～下一轮宏任务中的代码
宏任务中:同步～微任务～下轮排队的宏任务
下轮排队的宏任务中:执行同步～执行微任务～遇到宏任务继续排队～执行下轮排队的宏任务
下轮排队的宏任务中:执行同步～执行微任务～遇到宏任务继续排队～执行下轮排队的宏任务
下轮排队的宏任务中:执行同步～执行微任务～遇到宏任务继续排队～执行下轮排队的宏任务
下轮排队的宏任务中:执行同步～执行微任务～遇到宏任务继续排队～执行下轮排队的宏任务
下轮排队的宏任务中:执行同步～执行微任务～遇到宏任务继续排队～执行下轮排队的宏任务

总结

背