字节跳动-国际化商业产品与技术-前端开发实习生一面凉经

        今天分享一下美团和蔚来面试中遇到的一些问题。1.（蔚来二面）在forEach和map里面对遍历的值进行改变会影响原数组吗        认真背八股的同学肯定都记得，forEach不会返回新的数组，只是遍历每一项并做计算，map会返回新的数组，所以理所当然的想map不会改变原数组，forEach...会怎么样？？想到这里就错了，这也是我当时的思路。        事实上这个问题跟上面那个八股完全没关系。试想一个函数，传递了参数进来并改变这个参数，会不会对原来数据进行改变呢？这个题是在靠这个，需要分类回答。        数组中数据为基本数据类型时，forEach和map都不会改变原数组；数据为引用数据类型时，map和forEach都会改变原数组。在使用 forEach 和 map 方法时，对引用类型元素的修改会直接反映在原始数组中。这是因为引用类型的元素实际上存储的是引用（内存地址），而非值本身。因此，通过引用可以访问和修改原始数组中的元素。而number,string,Boolean,null,undefined这些基本类型在栈内存中直接存储变量与值。2.（美团到家一面）为啥会出现箭头函数        这一个问题可以去b站渡一老师的小视频里看看。        肯定很多人跟我一样第一时间想到的是箭头函数和普通函数的区别，那为啥有这些区别，为啥要单独搞个箭头函数出来？难道只是为了简单吗。其实原因只有一个：消除函数的二义性。        在出现箭头函数之前，函数可以直接被调用，也可以被new当作构造函数使用，这就是函数的二义性。而这种二义性的存在是会给开发带来负担的，因为创建者并不知道未来函数的调用者是如何使用这个函数的，所以后来先在命名上做了规范：小写开头的函数是直接使用的，大写开头的是构造函数。但这种规范也不是强约束，毕竟既可以Number()，又可以new Number()，所以为了消除这种二义性，创造了箭头函数和class，箭头函数只能() => {}，当作普通函数调用，而class只能被new，这就刚好对应二义性的两种用法，解决这种复杂情况了。————————10.10补充————————        感谢牛u的提示，这边还有一个点补充。        箭头函数的出现解决了this的复杂指向问题。        举例如图3所示，当调用show方法打印this.x的时候打印的是undefined。这是因为当代码执行到了setTimexout( )的时候，此时的this已经变成了window对象（setTimeout( )是window对象的方法），因此会在window上查找x，找不到，就输出undefined。        而如果是箭头函数，箭头函数的this是定义时就确定的，因此箭头函数的this指向的是obj，输出的就是obj.x。这样就解决了普通函数在当作回调函数传递的时候this变化带来的麻烦，否则就要用全局变量或者闭包之类的方法。3.（美团到家一面）obj对象中有一个方法，用obj.a()和(obj.a)()去调用分别输出什么（a方法中输出this.name，obj和全局都有一个name属性）？        这个题其实是当时考的一个输出题（图1）。下来尝试了一下，答案是没区别，都输出obj对象中的name。        这个题我一开始以为(obj.a)()这种调用就跟let b = obj.a，然后调用b()这种形式一样，但不是这样的，这个点可以记一下。        然后还要注意的一个点是，如果这个方法是箭头函数的形式（图2），那么this指向就不一样了，指向的是window。所以会在window上面去找name。那么这个时候输出什么？        是不是很多人脱口而出，“输出hong！”        恭喜各位掉到新坑了，这个时候输出是空（什么都没有：“”）        因为let和const定义的变量是不会挂到window对象身上的，如果改成var就能输出hong了，大家可以自行尝试一下、        （上面这个点个人认为还是很细的，一定要小心）                这几个是自己踩过的坑，第三点应该很多同学都会想错。        欢迎各位评论区交流~#24届软开秋招面试经验大赏##软件开发2024笔面经##美团##蔚来##前端#