千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 10个编写更简洁的JavaScript代码的技巧

10个编写更简洁的JavaScript代码的技巧

来源:千锋教育
发布人:wjy
时间: 2022-09-29 11:14:04 1664421244

  Javascript 是最常用的编程语言之一,超过 97% 的网站都在使用它。近年来,随着许多框架的推出,涵盖了从后端、Web前端到跨平台移动应用程序,甚至游戏的方方面面,Javascript 的流行度达到了很高的水平。

  编写干净可读的代码是构建业务逻辑之后最重要的事情之一。根据我与多个组织、初创公司和项目合作的经验,我可以保证处理糟糕的代码是一场噩梦。它减慢了开发过程,延迟了发布,并使用它的开发人员感到沮丧。

  因此,我们需要编写一些干净可读的代码,在今天的内容中,我将与你分享一些我编程干净代码的基本技巧,希望对你有所帮助。

  1.变量名——保持它们的意义

  你的变量名称应该能够清楚地解释其用途。此外,避免混淆首字母缩写词和难以发音的单词。我不知道我该如何强调这一点, 让我们看看下面的例子:

JavaScript代码的技巧1

  2.变量名——保持可搜索

  尽管有些文章会告诉你在可以使用单态形式时不要创建变量,但不应将其扩展为使用常量,这会使代码更难阅读和搜索。此外,正确的做法是将它们存储在 const 变量中并使用 CONSTANT_CASE 来命名变量。

  例如,查看以下代码段:

JavaScript代码的技巧2

  3.避免对变量进行心理映射

  最好在 array.forEach() 中显式命名变量,而不是使用以后可能没有意义的简写。

JavaScript代码的技巧3

  4.避免不必要的上下文

  如果类或对象名称已经告诉你它代表什么,请不要再次将该信息添加到你的变量名称中。在下面的示例中,由于我们已经知道,我们谈论的是 Car 或 paintCar,因此你无需在变量中再次提及上下文的Car。

JavaScript代码的技巧4

  5.在你的函数中使用默认参数

  避免在你的函数中使用短路或条件来保持更清洁。更重要的是,请记住,你的函数只会为未定义的参数提供值, 默认值不会替换任何其他虚假值。

JavaScript代码的技巧5

  6.明智地使用函数参数

  根据经验,尽量将函数参数的数量限制在 2 个或最多 3 个。如果它需要这么多参数,则可能是你的函数做的太多了。但是,如果仍然需要它,请使用 JavaScript 对象作为参数。为了使函数期望的属性变得明显,可以使用 ES6 解构语法。

JavaScript代码的技巧6

  7.函数应该做一件事

  不要忘记函数的作用——为你的代码添加模块化。每个只执行一项任务的较小函数将确保你的代码易于编写、测试和理解。永远不要为单个功能设置多个目标。

JavaScript代码的技巧7

  8.函数名——让它们有意义

  确保编写函数的名称清楚地说明函数的作用。模棱两可的函数名称意味着读者必须查看函数定义和逻辑才能理解他们的工作。

JavaScript代码的技巧8

  9.避免重复代码——让代码更短更简洁

  最痛苦的是多个代码部分中的一堆相同或相似的行。我们都遇到过这样的场景。这通常是因为某些逻辑在 2 个或更多地方的实现略有不同。但是,想想如果有人在逻辑中发现错误会做的噩梦的,现在他们必须到处修改它。

  10.不要使用标志作为函数参数

  为什么需要标志作为函数参数?仅出于一个明显的原因,你的功能正在做多种事情。从第 7 点开始,你就知道这是一种不好的做法。所以,继续把你的功能一分为二。

JavaScript代码的技巧9

  总结

  以上就是我跟你分享的关于我编写干净代码的基本技巧,希望这10个基本技巧可以帮助到你,如果你觉得有用的话,请记得点赞我,关注我,并将其分享给你的朋友,也许能够帮助到他。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT