跳转到内容
主菜单
主菜单
移至侧栏
隐藏
导航
首页
最近更改
随机页面
MediaWiki帮助
代码酷
搜索
搜索
中文(中国大陆)
外观
创建账号
登录
个人工具
创建账号
登录
未登录编辑者的页面
了解详情
贡献
讨论
编辑“︁
JavaScript函数式编程最佳实践
”︁(章节)
页面
讨论
大陆简体
阅读
编辑
编辑源代码
查看历史
工具
工具
移至侧栏
隐藏
操作
阅读
编辑
编辑源代码
查看历史
常规
链入页面
相关更改
特殊页面
页面信息
外观
移至侧栏
隐藏
您的更改会在有权核准的用户核准后向读者展示。
警告:
您没有登录。如果您进行任何编辑,您的IP地址会公开展示。如果您
登录
或
创建账号
,您的编辑会以您的用户名署名,此外还有其他益处。
反垃圾检查。
不要
加入这个!
== 最佳实践 == === 避免副作用 === 副作用会使代码难以预测和测试。典型副作用包括: * 修改全局变量 * 直接修改输入参数 * 执行I/O操作 === 函数组合 === 将小函数组合成更复杂的功能,提高代码复用性: <mermaid> graph LR A[toUpperCase] --> B[trim] B --> C[addExclamation] </mermaid> <syntaxhighlight lang="javascript"> const compose = (...fns) => x => fns.reduceRight((v, f) => f(v), x); const toUpperCase = str => str.toUpperCase(); const trim = str => str.trim(); const addExclamation = str => `${str}!`; const processString = compose(addExclamation, toUpperCase, trim); console.log(processString(" hello ")); // 输出: "HELLO!" </syntaxhighlight> === 柯里化(Currying) === 将多参数函数转换为一系列单参数函数的技术: <syntaxhighlight lang="javascript"> // 普通函数 function add(a, b, c) { return a + b + c; } // 柯里化版本 function curriedAdd(a) { return function(b) { return function(c) { return a + b + c; }; }; } console.log(curriedAdd(1)(2)(3)); // 输出: 6 </syntaxhighlight> === 使用递归替代循环 === FP中推荐使用递归而非命令式循环: <syntaxhighlight lang="javascript"> // 递归实现阶乘 function factorial(n) { return n <= 1 ? 1 : n * factorial(n - 1); } // 尾递归优化版本(ES6) function factorial(n, acc = 1) { return n <= 1 ? acc : factorial(n - 1, n * acc); } </syntaxhighlight>
摘要:
请注意,所有对代码酷的贡献均被视为依照知识共享署名-非商业性使用-相同方式共享发表(详情请见
代码酷:著作权
)。如果您不希望您的文字作品被随意编辑和分发传播,请不要在此提交。
您同时也向我们承诺,您提交的内容为您自己所创作,或是复制自公共领域或类似自由来源。
未经许可,请勿提交受著作权保护的作品!
取消
编辑帮助
(在新窗口中打开)