这些前端大厂面试题你会做吗？每日10题大厂面试题（三）

清疚 2023-01-17 11:00 181阅读 0赞

### 文章目录 ###

*  题1 （块级作用域, Reference）
 *  题2 （扩展符，箭头函数）
 *  题3 （JSON.stringify）
 *  题4（Boolean）
 *  题6 （模版字符串）
 *  题8 （暂时性死区）
 *  题10 （yield）

# 题1 （块级作用域, Reference） #

下面输出的是

答案：ReferenceError  
这道题主要考察：

*  const和let 声明的变量是具有块级作用域的，块是大括号(\{\})之间的任何东西，由于块级作用域，我们无法在声明的块之外引入变量
 *  这道题有个注意的是，因为是块级作用域，没有变量提升，调用未声明的变量并不会反悔undefined，而是报Reference错误
 *  ReferenceError（引用错误） 对象代表当一个不存在的变量被引用时发生的错误。

# 题2 （扩展符，箭头函数） #

下面输出的是

const getList = ([x, ...y]) => [x, y]
    const getUser = user => { name: user.name, age: user.age}
    
    const list = [1, 2, 3, 4]
    const user = { name: 'Lydia', age: 21}
    
    console.log(getList(list))
    console.log(getUser(user))

答案：\[1, \[2, 3, 4\]\] , undefined  
这道题主要考察：

*  扩展符，这里y使用了扩展符，代表序列，也就是2，3，4, 所以getList的返回值是\[1, \[2, 3, 4\]\]
 *  对于箭头函数，如果只返回一个值，我们不必写花括号，但是如果想要从一个箭头函数返回一个对象，必须在圆括号中编写它，不然就不会返回任何值，例如：

const getUser = user => ({ name: user.name, age: user.age})

# 题3 （JSON.stringify） #

下面输出的是

const settings = { 
    	username: 'lydiahallie',
    	level: 19,
    	health: 90
    }
    const data = JSON.stringify(settings, ['level', 'health'])
    console.log(data)

答案：“\{“level”: 19, “health”: 90\}"  
这道题主要考察：

*  JSON.stringify的第二个参数是替代者，替代者可以是个函数或数组，用以控制哪些值如何被转换为字符串，如果替代者是个数组，那么就只有包含在数组的属性将会被转化为字符串。如果替代者是一个函数，这个函数将被对象的每个属性都调用一遍。函数返回的值将会成为这个属性的值

# 题4（Boolean） #

下面输出的是：

const one = (false || { } || null)
    const two = (null || false || '')
    const three = ([] || 0 || true)
    
    console.log(one, two, three)

答案：\{\} “” \[\]  
这道题主要考察：

*  js中的假值只有6个，false，undefined，null，0，""（空字符串），NaN。除此之外的所有值，都是“真值”，即在逻辑判断中可以当true来使用

# 题6 （模版字符串） #

下面输出的是:

function sayHi(name) { 
    	return 'Hi there, ${ name}`
    }
    console.log(sayHi())

答案：Hi there, undefined  
这道题主要考察：

*  undefined和字符串拼接的时候，会加上undefined被打印

# 题8 （暂时性死区） #

下面输出的是：

let name = 'Lydia'
    function getName() { 
    	console.log(name)
    	let name = 'Sarah'
    }
    getName()

答案：ReferenceError  
这道题主要考察：

*  带let关键字和const关键字的变量不存在变量提升，与var不同，并不会被初始化。在我们声明他们之前，无法访问，这称为“暂时性死区”， 在我们尝试声明变量之前访问变量时，javaScript会抛出ReferenceError

# 题10 （yield） #

下面输出的是

async function* range(start, end) { 
    	for (let i = start, i <= end; i++) { 
    		yield Promise.resolve(i);
    	}
    }
    (async () => { 
    	const gen = range(1, 3);
    	for await(const item of gen) { 
    		console.log(item);
    	}
    }

答案：1 2 3  
这道题主要考察：

*  yield:yield\* 表达式用于委托给另一个generator 或可迭代对象, range函数返回一个包含着Promise\{1\}, Promise\{2\}, Promise\{3\}的迭代器，然后用for await输出迭代器的异步结果，也就是三个resolve的结果，即为1 2 3

小伙伴们今天的学习就到这里了，如果觉得本文对你有帮助的话，欢迎转发，评论，收藏，点赞！！！  
       每天学习进步一点点，就是领先的开始。如果想继续提高，欢迎关注我，或者关注公众号”祯民讲前端“。大量前端技术文章，面试资料，技巧等助你更进一步！  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhb2ZhbmRlZGFpbWE_size_16_color_FFFFFF_t_70_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhb2ZhbmRlZGFpbWE_size_16_color_FFFFFF_t_70_pic_center]: /images/20221021/f96ad3c01a5044d19ad048038e2a5185.png