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

谁践踏了优雅 2023-01-19 10:58 22阅读 0赞

### 文章目录 ###

*  题1（模版字符串）
 *  题2（引用复制）
 *  题3（Delete）
 *  题4（yield）
 *  题8（扩展运算符）
 *  题10（箭头函数）

# 题1（模版字符串） #

下面代码输出的是

答案：\["", “is”, “years old”\] Lydia 21  
这道题主要考察：

*  模版字符串：如果使用标记的模版字符串，则第一个参数的值始终是字符串值的数组。其余参数获取传递到模版字符串中的表达式的值！

# 题2（引用复制） #

下面代码输出的是

let person = { name: 'Lydia'}
    const members = [person]
    person = null
    
    console.log(member)

答案：\[null\]  
这道题主要考察：

*  引用复制：当设置两个对象彼此相等时，它们会通过引用进行交互。但是当你将引用从一个变量分配至另一个变量时，其实只是执行了一个复制操作

# 题3（Delete） #

下面代码输出的是

Dog.prototype.bark = function () { 
    	console.log('Woof I am ${ this.name}`);
    };
    
    const pet = new Dog('Mara');
    pet.bark();
    delete Dog.prototype.bark;
    pet.bark();

答案：“Woof I am Mara", TypeError  
这道题主要考察：

*  Delete: delete关键字删除对象的属性，对原型也是适用的。删除了原型的属性后，该属性在原型链上就不可用了，当我们尝试调用一个不存在的函数时TypeError异常会被抛出。

# 题4（yield） #

如何能打印出console.log语句后注释掉的值

function* startGame() { 
    	const answer = yield 'Do you love Javscript';
    	if (answer !== 'Yes') { 
    		return 'oh wow... Guess we are gone here'
    	}
    	return 'Javascript loves you back';
    }
    const game = startGame();
    console.log(); // Do you love Javascript
    console.log(); // Javascript loves you back

答案：game.next().value and game.next(‘Yes’).value  
这道题主要考察：

*  yield: next方法可以带一个参数，该参数会被当作上一个yield表达式的返回值。

# 题8（扩展运算符） #

下面输出的是

[...'lydia']

答案：\[‘l’, ‘y’, ‘d’, ‘i’, ‘a’\]  
这道题主要考察：

*  扩展运算符：字符串是可迭代的。扩展运算符将迭代的每个字符映射到一个元素

# 题10（箭头函数） #

下面输出的是

const shape = { 
    	radius: 10, 
    	diameter() { 
    		return this.radius * 2;
    	}, 
    	perimeter: () => 2 * Math.PI * this.radius
    };
    shape.diameter():
    shape.perimeter();

答案：20 and NaN  
这道题主要考察：

*  箭头函数：对于箭头函数，this关键字指向是它所在上下文的环境，与普通函数不同，这意味着当我们调用perimeter时，它不是指向shape对象，而是指其定义时的环境

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