2024前端最新笔试题，你品，细品，面试字节跳动前端研发岗

答案：弹出 number

解析：

parseInt()：作用：解析一个字符串，参数：string [, radix]，

返回：解析后的数字，原有数组是否改变：否；

该解析字符串为：‘abc123’，解析时从第一个字符开始解析，遇到非 Number 终止执行，故 num 的结果为：NaN，NaN 属于 number 类型，但不是一个有效的数字，并且NaN 和谁都不相等，包括自己，故弹出 number

【 第二题 】

今天刚做完网易校招的前端笔试题，总体难度不算很难，有送分题也有拉分题，不过大公司的笔试算法题占比最大，整套笔试题的题型与分值分布分别是：

单选题40分共20题、

编程题60分共3题、

问答题20分共2题，

是牛客网的笔试遇到一道比较坑的单选题，在此记录一下。

以下代码执行时console.log的结果是：

执行结果：

要理解这道题就必须搞懂每一个this指向的是什么，所以我们可以把对应的各个this打印出来分析一波

执行结果如下：

从执行顺序分析，1号this打印出来的是obj对象，也就是说with传进去的是obj对象，在with代码块里，首先声明了con函数，然后再执行了var x=2；这一段代码，而with修改了词法作用域，把with代码块里的上下文改为obj对象，那么这段代码等同于obj.x = 2，即把obj对象里的x属性修改为2，接着打印了3号this，值为obj对象，验证了with代码块的上下文是obj对象。

接着执行了一个立即执行函数，函数里调用了con函数。在《你不知道的JavaScript上卷》第2章里有提到函数里this的绑定取决于函数的调用方式，而于函数声明的位置无关，this的绑定规则有四个：默认绑定（独立函数调用）、隐式绑定（obj.foo()）、显示绑定（call()和apply()）和new绑定。显然，立即执行函数里直接调用con函数，属于默认绑定，默认绑定this会指向全局对象(window或global)，所以第9行console.log(this.x)打印的是window.x，而全局对象window中并没有定义x，因此打印出undefined，而第8行console.log(x)打印的是当前词法作用域里的x，即为obj.x，打印出2。

接着分析第16行代码con.call(this)相当于con.call(obj)，显然，使用call()方法调用con函数，显示绑定this指向obj，所以第9行console.log(this.x)打印的是obj.x，即为2，然后第8行同理打印的是当前词法作用域里的x。

如此分析一波，这道题的答案就很清晰明了了。

【 第三题 】

请判断一个字符串出现次数最多的字符及出现次数？

输入：const str =‘asddfgdfwwqeweqwezczxcsdfgdgd’;

输出：’d’, 出现6次

答案代码：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

推荐一些系统学习的途径和方法。

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：

.csdnimg.cn/img_convert/2ee0d943c2e65e1bf84360c1c8a40cf6.png)