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

题1（eval）

下面输出的是

const sum = eval('10*10+5')

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

• eval: eval会为字符串传递的代码求值。如果它是一个表达式，就像在这种情况下一样，它会计算表达式

题2（yield）

缺少的部分代码是什么

const teams = [
	{name: 'Team1', members: ['Paul', 'Lisa']},
	{name: 'Team2', members: ['Laura', 'Tim']}
}
function* getMembers(members) {
	for (let i = 0; i < members.length; i++) {
		yield members[i];
	}
}
function* getTeams(teams) {
	for (let i = 0; i < teams.length; i++) {
		// something is missing here
	}
}
const obj = getTeams(teams);
obj.next(); // {value: 'Paul', done: false}
obj.next(); // {value: 'Lisa', done: false}

答案：yield* getMembers(teams[i].members)
这道题主要考察：

• yield: 为了遍历teams数组中对象的属性members中的每一项，我们需要将teams[i].members传递给Generator函数getMembers。Generator函数返回一个generator对象。为了遍历这个generator对象中的每一项，我们需要使用yield*

题5（变量提升）

下面输出的是

function sayHi() {
	console.log(name);
	console.log(age);
	var name = 'Lydia';
	let age = 21;
}

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

• 变量提升：这道题不难，相信大多数同学都可以做出来，这里提出来主要是想说明一个易错的问题，使用let关键词和const关键词声明的变量也会存在变量提升，但与var不同，初始化没有被提升。
• 关于let的是否存在变量提升，我们可以用下面的例子来验证：

let name - 'Muyiy'
{
	console.log(name) // Uncaught ReferenceError
	let name = 'Tim'
}

• let变量如果不存在变量提升 ，console.log（name)就会输出Muyiy，结果却抛出了ReferenceError，那么这很好的说明了，let也存在变量提升，但是它存在一个“暂时死区”，在变量未初始化或赋值前不允许访问
• 变量的赋值可以分为三个阶段：
  • 创建变量，在内存中开辟空间
  • 初始化变量，将变量初始化为undefined
  • 真正赋值
• 关于let、var和function:
  • let的创建过程被提升了，但是初始化没有提升
  • var的创建和初始化过程都被提升了
  • function的创建、初始化和赋值都被提升了

题8（import）

下面输出的是

// index.js
console.log('running index.js');
import { sum } from './sum.js';
console.log(sum(1, 2));

// sum.js
console.log('running sum.js');
export const sum = (a, b) => a + b;

答案：running sum.js, running index.js, 3
这道题主要考察：

• import: import命令是编译阶段执行的，在代码运行之前，因此这意味着被导入的模块会先运行，而导入模块的文件会后执行
• commonJS中require()和import之间不同，使用require()，您可以在运行代码时根据需要加载依赖项，如果我们使用require而不是import，running index.js, running sum.js, 3会被依次打印

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