- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章JavaScript代码简化技巧实例解析由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
函数式编程可以使您的代码更简单。简单意味着代码易于阅读和理解,可测试和可维护.
在本文中,我描述了一些函数式编程(FP)技巧,您可以使用它们来简化代码,从而使代码更好.
摆脱临时变量和不变性原则 。
函数式编程倾向于不变性,这种不变性原则意味着在初始化变量之后不会更改它们的值。同样,创建对象或字符串后,您也无需对其进行突变.
如果使用JavaScript编程,则所有变量定义都应使用 const。对于正在阅读您的代码的任何人,常量定义都可以让您高枕无忧:它保证永远不会重新分配变量,因为重新分配是不可能的,所以读者的大脑从跟踪和识别代码中重新分配的负担中解脱出来.
何时需要更改值呢?首先,您可以拥有一个数组:
const fruits = ['apple', 'orange', 'banana'] 。
要将新水果添加到此列表中,该怎么办?解决方案是用新的或更新的值初始化一个新的常量变量,我们可以使用点扩展符复制现有的 fruits 值:
const allFruits = [...fruits, 'pineapple'] 。
您应该在代码的任何地方都遵循不变性原则,因为如果这样做,您的代码将变得更干净.
您知道 fruits 变量的值永远不会改变,并且您第一次看到变量的声明时就知道这一事实,初始化后,在任何可见的 fruits 变量处,您都知道.
摆脱循环 。
考虑以下循环:
1
2
3
4
5
6
7
8
9
10
11
12
|
var
list = [];
var
i = 0;
while
(i < rows.length) {
var
row = rows[i];
var
message = {
childAddress: row[1],
action:
'switchToBackupNode2'
,
role:
'edge'
};
list.push(message);
i += 1;
}
|
函数编程方法去掉了while循环,并使用map将行处理为一个列表.
1
2
3
4
5
|
const list = rows.map(r => ({
childAddress: r[1],
action:
'switchToBackupNode2'
,
role:
'edge'
}))
|
除了摆脱循环之外,这段代码还删除了临时变量 row 和 message 以及循环变量 i.
结果更具可读性,非常清晰.
为了公平起见,要获得此信任级别,您需要首先了解map函数。map函数在函数式编程中无处不在,因此学习它是过渡到FP的重要步骤.
map是程序员用于列表处理的函数之一。处理列表中的数据是FP的重要组成部分,您还应该学习其他列表处理功能:最重要的是 reduce 和 filter 函数.
删除if..else 。
在我的简化代码的实践中,删除 if 是一个有用的策略。有几种策略可以用于从代码中删除 if 语句,并且应用其中任何一种通常都会得到更清晰、更容易理解的结构.
让我们看一下删除 if 语句的一些策略.
三元运算符 。
三元运算符是我从变量赋值中去掉 if 语句的主要工具.
考虑以下:
1
2
3
4
5
6
|
let message;
if
(person !==
null
) {
message = `hello, ${person}!`
}
else
{
message =
'hey there!'
}
|
上面的代码中有两个问题:
我必须使用非 const 变量 message,因为对于 if 结构,我无法在变量声明中立即给 message 赋值。 考虑到它只完成了声明变量和有条件地为变量赋值的简单任务,代码相当冗长和复杂。 使用三元运算符? 可以在一行中完成相同的工作:
const message = person !== null ? `hello, ${person}!` : 'hey there!' 。
布尔运算符 && 和 || 。
布尔运算符 && 和 || 为 if 语句提供有效的替代方法.
不要这样做:
if (value) { doStuff(value) } else { doStuff(1) } 。
改进:
doStuff(value || 1) 。
这里的逻辑或操作符 || 提供了向函数传递默认值的快速方法。每次不知道或不确定变量是否具有值时,都可以使用相同的技巧:使用 || <default> 作为前缀提供默认值.
这是一个如何使用逻辑与运算符 && 的示例。首先,使用 if 的版本:
if (data) { sendData(data.value); } 。
然后我们使用 && 删除 if :
data && sendData(data.value) 。
在这里,我们使用 && 来首先检查数据变量是否包含值。如果没有这个检查,当没有值时代码就会崩溃(换句话说,值为 null 或 undefined).
在这里使用这些运算符时,我们依赖布尔表达式的短路求值。&& 和 || 运算符,当第一部分错误时,JavaScript不会计算表达式的后半部分.
Map 和 查找 。
使用 map 作为查找 list 是替换一系列if语句的有效方法。考虑以下:
1
2
3
4
5
6
7
8
9
10
|
let language;
if
(country ===
'FI'
) {
language =
'Finnish'
}
else
if
(country ===
'SE'
) {
language =
'Swedish'
}
else
if
(country ===
'USA'
) {
language =
'English (American)'
}
else
if
(country ===
'UK'
) {
language =
'English (UK)'
}
// etc...
|
更简洁的方法是使用国家/语言对的Map.
1
2
3
4
5
6
7
8
|
const languages =
new
Map([
[
'FI'
,
'Finnish'
],
[
'SE'
,
'Swedish'
],
[
'USA'
,
'English (American)'
],
[
'UK'
,
'English (UK)'
],
])
const language = languages.get(
'SE'
)
console.log(language)
// Swedish
|
第二种实现要简单得多。该代码立即显示出它的意图。另外,它将 language 变量转换为使用 const.
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我.
原文链接:https://www.cnblogs.com/jiangweichen88/p/13528164.html 。
最后此篇关于JavaScript代码简化技巧实例解析的文章就讲到这里了,如果你想了解更多关于JavaScript代码简化技巧实例解析的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
我尝试理解[c代码 -> 汇编]代码 void node::Check( data & _data1, vector& _data2) { -> push ebp -> mov ebp,esp ->
我需要在当前表单(代码)的上下文中运行文本文件中的代码。其中一项要求是让代码创建新控件并将其添加到当前窗体。 例如,在Form1.cs中: using System.Windows.Forms; ..
我有此 C++ 代码并将其转换为 C# (.net Framework 4) 代码。有没有人给我一些关于 malloc、free 和 sprintf 方法的提示? int monate = ee; d
我的网络服务器代码有问题 #include #include #include #include #include #include #include int
给定以下 html 代码,将列表中的第三个元素(即“美丽”一词)以斜体显示的 CSS 代码是什么?当然,我可以给这个元素一个 id 或一个 class,但 html 代码必须保持不变。谢谢
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。 关闭 7 年前。
我试图制作一个宏来避免重复代码和注释。 我试过这个: #define GrowOnPage(any Page, any Component) Component.Width := Page.Surfa
我正在尝试将我的旧 C++ 代码“翻译”成头条新闻所暗示的 C# 代码。问题是我是 C# 中的新手,并不是所有的东西都像 C++ 中那样。在 C++ 中这些解决方案运行良好,但在 C# 中只是不能。我
在 Windows 10 上工作,R 语言的格式化程序似乎没有在 Visual Studio Code 中完成它的工作。我试过R support for Visual Studio Code和 R-T
我正在处理一些报告(计数),我必须获取不同参数的计数。非常简单但乏味。 一个参数的示例查询: qCountsEmployee = ( "select count(*) from %s wher
最近几天我尝试从 d00m 调试网络错误。我开始用尽想法/线索,我希望其他 SO 用户拥有可能有用的宝贵经验。我希望能够提供所有相关信息,但我个人无法控制服务器环境。 整个事情始于用户注意到我们应用程
我有一个 app.js 文件,其中包含如下 dojo amd 模式代码: require(["dojo/dom", ..], function(dom){ dom.byId('someId').i
我对“-gencode”语句中的“code=sm_X”选项有点困惑。 一个例子:NVCC 编译器选项有什么作用 -gencode arch=compute_13,code=sm_13 嵌入库中? 只有
我为我的表格使用 X-editable 框架。 但是我有一些问题。 $(document).ready(function() { $('.access').editable({
我一直在通过本教程学习 flask/python http://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-i-hello-wo
我想将 Vim 和 EMACS 用于 CNC、G 代码和 M 代码。 Vim 或 EMACS 是否有任何语法或模式来处理这种类型的代码? 最佳答案 一些快速搜索使我找到了 this vim 和 thi
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 想改进这个问题?更新问题,使其成为 on-topic对于堆栈溢出。 7年前关闭。 Improve this
这个问题在这里已经有了答案: Enabling markdown highlighting in Vim (5 个回答) 6年前关闭。 当我在 Vim 中编辑包含 Markdown 代码的 READM
我正在 Swift3 iOS 中开发视频应用程序。基本上我必须将视频 Assets 和音频与淡入淡出效果合并为一个并将其保存到 iPhone 画廊。为此,我使用以下方法: private func d
pipeline { agent any stages { stage('Build') { steps { e
我是一名优秀的程序员,十分优秀!