2020最新：100道有答案的前端面试题（下）

2020最新：100道有答案的前端面试题（上）

51.写出执行结果,并解释原因

["1", "2", "3"].map(parseInt);

分类：JavaScript

答案&解析

52.写出执行结果,并解释原因

[typeof null, null instanceof Object] 复制代码

分类：JavaScript

答案&解析

53.写出执行结果,并解释原因

function f() {} const a = f.prototype,b = Object.getPrototypeOf(f) console.log(a === b); 复制代码

分类：JavaScript

答案&解析

54.写出执行结果,并解释原因

function showCase(value) { switch(value) { case 'A': console.log('Case A'); break; case 'B': console.log('Case B'); break; case undefined: console.log('undefined'); break; default: console.log('Do not know!'); } } showCase(new String('A')); 复制代码

分类：JavaScript

答案&解析

55.选择正确的答案

console.log([2,1,0].reduce(Math.pow)); console.log([].reduce(Math.pow));

/ * A. 2 报错 B. 2 NaN C. 1 报错 D. 1 NaN */ 复制代码

分类：JavaScript

答案&解析

56.请问变量a会被GC吗

function test(){ var a = 1; return function(){ eval(""); } } test();
复制代码

分类：JavaScript

答案&解析

57.写出执行结果,并解释原因

const value = 'Value is' + !!Number(['0']) ? 'yideng' : 'undefined'; console.log(value); 复制代码

分类：JavaScript

答案&解析

58.写出执行结果,并解释原因

var arr = [0,1]; arr[5] = 5; newArr = arr.filter(function(x) { return x === undefined;}); console.log(newArr.length); 复制代码

分类：JavaScript

答案&解析

59.写出执行结果,并解释原因(以最新谷歌浏览器为准)

async function async1() { console.log('async1 start'); await async2(); console.log('async1 end'); } async function async2() { console.log('async2'); } console.log('script start'); setTimeout(function() { console.log('setTimeout'); }, 0) async1(); new Promise(function(resolve) { console.log('promise1'); resolve(); }).then(function() { console.log('promise2'); }); console.log('script end'); 复制代码

分类：JavaScript

答案&解析

60.下面代码中 a 在什么情况下会打印 1

var a = ?; if(a == 1 && a== 2 && a== 3){ console.log(1); } 复制代码

分类：JavaScript

答案&解析

61.写出执行结果,并解释原因

const obj = { '2': 3, '3': 4, 'length': 2, 'splice': Array.prototype.splice, 'push': Array.prototype.push } obj.push(1) obj.push(2) console.log(obj) 复制代码

分类：JavaScript

答案&解析

62.Vue父组件可以监听到子组件的生命周期吗？如果能请写出你的实现方法。

分类：Vue

答案&解析

63.请问React调用机制一共对任务设置了几种优先级别？每种优先级都代表的具体含义是什么？在你开发过程中如果遇到影响主UI渲染卡顿的任务，你又是如何利用这些优先级的？

分类：React

答案&解析

64.以下两段代码会抛出异常吗？解释原因？

let yd = { x: 1, y: 2 }; // 以下两段代码会抛出异常吗？ let ydWithXGetter1 = { ...yd, get x() { throw new Error(); }, };

let ydWithXGetter2 = { ...yd, ...{ get x() { throw new Error(); }, }, }; 复制代码

分类：JavaScript

答案&解析

65.写出类数组转换结果，并解释原因

const arrLike = { length:4, 0:0, 1:1, '-1':2, 3:3, 4:4, } console.log(Array.from(arrLike)); console.log(Array.prototype.slice.call(arrLike)); 复制代码

分类：JavaScript

答案&解析

66.对于扩展运算符，下面代码的执行结果是什么？并解释原因

let ydObject = { ...null, ...undefined }; console.log(ydObject); let ydArray = [...null, ...undefined]; console.log(ydArray); 复制代码

分类：JavaScript

答案&解析

67.对于length下面代码的输出结果是什么？并解释原因

function foo(){ console.log(length); } function bar(){ var length = "京程一灯"; foo(); } bar(); 复制代码

分类：JavaScript

答案&解析

68.请写出如下代码的打印结果

var obj = {}; var x = +obj.yideng?.name ?? '京程一灯'; console.log(x); 复制代码

分类：JavaScript

答案&解析

69.关于隐式转换，下面代码的执行结果是什么？并解释原因

let a = []; let b = "0"; console.log(a == 0); console.log(a == !a); console.log(b == 0); console.log(a == b); 复制代码

分类：JavaScript

答案&解析

70.关于数组sort，下面代码的正确打印结果是什么，并解释原因

const arr1 = ['a', 'b', 'c']; const arr2 = ['b', 'c', 'a']; console.log( arr1.sort() === arr1, arr2.sort() == arr2, arr1.sort() === arr2.sort() ); 复制代码

分类：JavaScript

答案&解析