文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

避免的常见JavaScript错误的9个编码都有哪些

2024-04-02 19:55

关注

这篇文章给大家介绍避免的常见JavaScript错误的9个编码都有哪些,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

有一些非常常见的编程错误是我们要避免的,以保持代码的干净和可读性。

一个函数中的东西太多

一个函数应该只做一件事,这就是它自己所指示的。

如果有其他的东西,那么它应该被移动到它自己的函数中,在一个函数中有太多的东西会使阅读和理解变得困难。

例如,如果有一个既可以计算小计又可以计算税款的函数,则由于它们是不同的,因此应将其分为两个单独的函数。

注释掉的代码

注释掉的代码是不能运行的代码。因此,在我们完成代码的这一部分之后,它们不应该出现。

完成后,我们应该删除已注释掉或取消注释。

无论哪种方式,最终产品都不应在其中注释掉代码。

非描述性的变量名

以不传达其含义的方式命名变量,一旦我们忘记了自己写的那段代码,再回来看,就会让读者和我们自己感到沮丧。

因此,我们应该使用描述变量名称的变量来命名变量。

不要写成 let x;,而是写成像 let numApples 这样的东西,这样我们就知道我们的变量将持有苹果的数量。

魔法数字和字符串

我们不应该有魔术数字和字符串。这些值出现在多个值中,表示相同的东西,但在代码中没有明确解释。

例如,如果我们有以下代码:

for (let i = 0; i < 10; i++) {   ///... }

那我们不知道10代表什么。相反,我们应该将其设置为命名常量,以便我们了解其含义。

例如,我们可以这样写:

const numApples = 10; for (let i = 0; i < numApples; i++) {   ///... }

现在我们知道10实际上意味着苹果的数量。

凌乱的代码格式

凌乱的代码格式化会使代码难以阅读,因此我们应该使用lint或代码格式化程序对其进行清理。

那里有很多选择,因此我们可以使用Prettier或ESLint这样的工具自动进行整理。

硬编码值

我们不应该把值硬编码到我们的代码中,特别是当它们是私密的时候。相反,我们应该把它们作为环境变量,并从那里读取所有的值。

有很多方法可以做到这一点。例如,对于前端,Angular,React和Vue都有保留变量的位置,以将变量保存在不同文件中的不同环境中。

对于后端,我们可以使用诸如 dotenv 包之类的东西从 .env 文件中读取环境变量,这样我们就不必对它们进行硬编码。

重复代码

重复的代码是不好的。如果我们改变一些重复的东西,就必须在所有重复的地方都要改变它们。

相反,我们应该将公共部分移动到它们自己的文件中,以便可以在多个地方使用它们。

不重复使用(DRY)原则适用于所有地方。如果我们完全照原样复制和粘贴并使用它们,则应将其移动到共享位置。

不备份代码

我们应该使用Git管理代码,以便我们可以为我们的代码提供本地和远程存储库。

这样,我们可以自动将一个副本保留在远程位置。同样,我们可以轻松地还原错误代码,并轻松地从较早的提交中获取代码。

没有版本控制,我们无法做到这一点。

如果我们没有备份代码,那么如果出现问题,我们可能会丢失所有内容。

复杂代码

应该简化复杂的代码,以便我们更容易理解它们。

我们还应该将它们分解成较小的部分,以便我们可以重复使用某些内容,并具有易于阅读和测试的单个部分。

总结

这些常见的错误,只要我们在做事情的时候注意点,是很容易避免的。

将事物分解成小块总是好的,就像保持事物简单而不重复一样。

注释掉了,没有描述性的变量和值也应该用更有意义的东西代替。

关于避免的常见JavaScript错误的9个编码都有哪些就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯