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

Bertha 。 2023-01-18 11:29 36阅读 0赞

### 文章目录 ###

*  题1（eval）
 *  题2（yield）
 *  题5（变量提升）
 *  题8（import）

# 题1（eval） #

下面输出的是

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

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

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

# 题2（yield） #

缺少的部分代码是什么

答案：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会被依次打印

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