字节前端原题(Add sumOf)

我们还是来介绍一下。

在《javascript高级程序设计》这本书中有如下介绍:

与函数绑定紧密相关的主题是函数柯里化，它用于创建已经设置好的一个或者多个参数的函数。函数柯里化的基本方法和函数绑定是一样的：使用一个闭包返回一个函数。两者的区别在于，当函数被调用时，返回的函数还需要设置一些传入的参数。

我们来写写看:

function Add(x) {

return function (y) {

return return functio (z) {

return x + y + z;

}

}

}

// 简洁写法

const Add = x => y => z => x+y+z;

执行一下

Add(1)(2)(3) // 6

是我们要的那味~

那么我们既然已经写出了这个形态，我们就一步一步反推。

这个时候千万别紧张，我们从最低级的形态出发，写出一个最基本的形态，能够有效地帮助我们建立自信心，吃下定心丸，按照这种方式，哪怕我们最终没有写出完美的结果，让面试官看到你思考解题的过程，也是一种加分。

好，接着说~

那我们接下来需要实现这个样子。

Add(1,2,…)(3)(4)

传入参数不止一个

我们知道，对于不确定参数个数，我们可以使用 arguments 这个对象来获取到所有的入参，但是 arguments 不是一个 Array，但是我们可以使用 ES6 中的 Spread syntax （展开语法）去将他变成一个数组。表演继续。

function Add() {

const nums = […arguments];

return function() {

nums.push(…arguments);

return function() {

nums.push(…arguments);

return nums.reduce((a, b) => a + b);

}

}

}

nice！已经离我们最终的形态越来越近了。接下来是这个函数能够无限的进行调用。

Add(1,2,…)(3)(4)(…)

那么怎么样才能无限调用呢？没错，用递归。

function Add() {

const nums = […arguments];

function AddPro() {

nums.push(…arguments);

return AddPro;

}

return AddPro;

}

嗯，其实我们写到这里发现了… 由于是无限递归，我们没办法确定最后一次函数调用，因此我们需要最后显式调用一个结束的方法来打印出最后的数据。

很自然地，我们可以在 AddPro 添加一个方法 sumOf 来解决这个问题。

学弟就是卡在这里地方，被函数添加上一个方法搞懵了。你是否知道呢？

function Add() {

const nums = […arguments];

function AddPro() {

nums.push(…arguments);

return AddPro;

}

AddPro.sumOf = () => {

return nums.reduce((a, b) => a + b);

}

return AddPro;

}

好啦好啦，结束啦。

等等

在最后，我再来补充一种方案，function 不仅可以继续挂载 function ~ 还可以挂载变量哦~

function Add() {

if (!Add.nums) {

Add.nums = [];

}

Add.nums.push(…arguments);

return Add;

}

Add.sumOf = () => {

return Add.nums.reduce((a, b) => a + b);

}

如果上述回答有更优解，请公众号后台回复，留下你的微信，红包相送。

我们总结一下，小小的面试题涉及到的基础知识。

闭包、递归、作用域、函数与对象

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

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

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

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

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

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

分享一套阿里大牛整理的前端资料给大家，点击前端校招面试题精编解析大全即可免费下载

❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。

13)]

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

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

[外链图片转存中…(img-vlKp7Xch-1713777406613)]

最后

分享一套阿里大牛整理的前端资料给大家，点击前端校招面试题精编解析大全即可免费下载

❤️ 谢谢支持，喜欢的话别忘了 关注、点赞哦。