首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

怎样编写更好的 JavaScript 代码

作者:Ryland G 翻译:疯狂的技术宅 来源:dev.to ? 我看到没有多少人谈论改进 JavaScript 代码的实用方法。以下是我用来编写更好的 JS 的一些顶级方法。...正确设置 TS 后,如果事先没有定义好接口和类,就很难编写代码。这也提供了一种简洁的分享、交流架构方案的方法。...我不知道 TS 本质上是否能比 JS 更少出现“错误”,不给我强烈认为,迫使开发人员首先定义接口和 API,从而产生更好的代码是很有必要的。...Promise 允许你编写异步逻辑,同时避免以前基于回调的代码嵌套问题的困扰。...const 是更严格的限制和 “永固的”,通常会产生更好的代码。我仅有 1/20 的变量用 let 声明,其余的都是 const。

1.3K30

编写更好的代码

何为”更好”的代码本身就是仁者见仁,我们在这里主观地选择一个评价标准: 代码要满足安全性 ,可用性 ,可维护性 ,简洁性 , 高性能的要求,这几项的重要性递减。...毫无疑问编写代码本身是一件很难的事,但是在遵循一些指导原则的话,我们可以相对编写出更好的代码。 命名 有一句不太可考的名言是”计算机科学只存在两个难题:缓存失效和命名”。...不是每个程序员都要经常编写用到各种缓存机制的代码,但是我们每天都在不断地命名,好的命名需要遵从一些规则: 名副其实 我们要选择有意义的命名,date比d要好,index比i要好,list1和list2并没有比...l1和l2更容易理解,users和items是更好的选择。...注释最大的问题是和代码相比,注释是缺乏维护的。

42630
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用 JavaScript 编写更好的条件语句

    在这篇文章中,我们将探索JavaScript中所谓的条件语句如何工作。 如果你使用JavaScript工作,你将写很多包含条件调用的代码。...条件调用可能初学很简单,但是还有比写一对对if/else更多的东西。这里有些编写更好更清晰的条件代码的有用提示。...这是一个编写更清晰、易理解和维护的代码的方法,不是吗? 2. 提前退出 / 提前返回 这是一个精简你的代码的非常酷的技巧。我记得当我开始专业工作时,我在第一天学习使用提前退出来编写条件。...我们能用三元运算符、&&条件等语法重构上面的功能,但让我们用多个返回语句编写更清晰的代码。...使用可选链和空值合并 这有两个为编写更清晰的条件语句而即将成为 JavaScript 增强的功能。当写这篇文章时,它们还没有被完全支持,你需要使用 Babel 来编译。

    1.6K30

    更好的编写Python代码的方式

    0.5: print u'好亮啊' 这段代码本身没有任何问题,但是写的时候需要记住Tuple里每个元素都是什么,才能打印出对的描述。...为了让代码更容易看懂: from collections import namedtuple Color = namedtuple('Color', ['hue', 'saturation', 'luminosity...print u'好亮啊' 计算列表里的重复元素 假设有一个叫做颜色的列表, 需要计算出这个列表里每个颜色的名字被重复了几次 colors = ['red', 'green', 'red', '...编程的时候经常会碰到这种情况,需要用一个临时的变量来存住一个数值,然后过一会再把这个数值取出来 t = y y = x + y x = t 最好的写法: x, y = y, x+y 所有等号右侧的数值都是旧的数值...这个写法的好处是不需要像原来那样担心每一行顺序的问题。

    81790

    使用AmplifyJS和JQuery编写更好更优雅的javascript事件处理代码

    这对于javascript代码相同适用。之前写的JQuery相关博客中。具体介绍了JQuery的事件处理机制和特性,具体可以參考这个文件夹下的文章。...仅仅希望使用事件的公布/订阅这样的机制。 代码1:假设某个DOM元素不存在。那么不能依靠它使用事件的公布和订阅。...1和代码2,我们就能够看出JQuery事件的不足之处了。...它刚好弥补了JQuery事件处理的不足。 以下附上AmplifyJS的源代码amplify.core.js。能够看到源代码非常的简短,也非常easy看懂。 /*!...使用,能够參考以下这2篇文章: AmplifyJS源代码简析:事件分发 Extending Your jQuery Application with Amplify.js 发布者:全栈程序员栈长,转载请注明出处

    66830

    编写可测试的JavaScript代码

    一、可测试的JavaScript A.现有技术 1.敏捷开发 ①使用敏捷开发,并不一定意味着应用程序完成得更快且质量更高,敏捷开发最大的优势是它处理需求变更的方式。...②快速迭代和持续交互可以加快高质量软件的交付。 2.测试驱动开发 在编写代码之前先编写测试,这些测试提供了必须遵循预期功能的代码,编写测试失败后,接着开始编写代码,以便确保测试能够通过。...B.代码是让人用的 1.我们编写的代码不是让电脑用的,而是让人用的 2.为何要编写可测试的代码 可测试的代码更加容易测试,意味着它更加容易维护,易维护则意味着它有让人(包括自己)更加容易理解 ,更加容易维护...2.依赖注入器可以为代码构建和注入完全成型的对象。 J.注释 1.对于可测试的JavaScript,所有即将要测试的函数或方法前面都有相应的注释。...E.运行客户端JavaScript单元测试 1.PhantomJS 2.Selenium F.运行服务器端JavaScript单元测试 1.jasmine 五、代码覆盖率 为代码覆盖率信息构建相应的JS

    1.3K30

    编写可测试的JavaScript代码

    编写可测试的JavaScript代码 既然要对代码进行测试,那么为什么不让这一过程变得尽可能简单和轻松呢?JavaScript客户端代码测试之所以尤其困难,是因为我们几乎无法控制代码运行的环境。...服务端JavaScript给了我们更多的控制权,以便我们能够从总体上控制执行环境。然而,Rhino和Node.js应用程序不像其他语言一样有完整的成熟工具、测试程序以及生态系统。...无论如何,测试——尤其是JavaScript测试——是很复杂的。克服这种复杂性的最好办法是完全控制自己实际所控制的东西:代码。...代码是连续存在的,一方面是从别人的代码到自己的代码,另一方面是从遗留代码到非遗留代码。 什么是遗留代码(legacy code)?...即便如此,你愿意将这些未经测试的产品代码推到市场上吗? 即使代码之前“能用”,之后你还能继续满意吗?拥有该代码的公司也是同样满意吗?因此,通常的结果都是付费重写。

    43100

    编写 if 时不带 else,你的代码会更好!

    设计更好的软件,替换If-Else的5种方法。入门到高级示例 让我直接说这句话:If-Else通常是一个糟糕的选择。 它导致设计复杂,代码可读性差,并且可能导致重构困难。...但是,If-Else已成为事实上的代码分支解决方案,这确实是有道理的。这是向所有有抱负的开发人员讲授的第一件事。不幸的是,许多开发人员从来没有前进到更合适的分支策略。...但是,我们可以通过完全删除else来进一步简化此代码。 ? > If statements with fast return 如果不使用else,则我们将剩下干净的可读代码。...知道我们需要扩展应用程序的这一部分,这种方法绝对是不可接受的。 上面的代码不仅违反了"打开/关闭"原则,而且阅读得不好,还会引起可维护性方面的麻烦。...重构这个混乱的过程的过程如下: 使用公共接口将每个分支提取到单独的策略类中 动态查找实现通用接口的所有类 根据输入决定执行哪种策略 替换上面示例的代码如下所示。是的,这是更多代码的方式。

    67920

    编写 if 时不带 else,你的代码会更好!

    导读: 当else多了之后,看起来代码就开始复杂了,那么如何来完成同样的逻辑呢?看看这篇文章,也许你就会有所领悟!...设计更好的软件,替换 If-Else 的 5 种方法。入门到高级示例 让我直接说这句话:If-Else 通常是一个糟糕的选择。 它导致设计复杂,代码可读性差,并且可能导致重构困难。...但是,If-Else 已成为事实上的代码分支解决方案,这确实是有道理的。这是向所有有抱负的开发人员讲授的第一件事。不幸的是,许多开发人员从来没有前进到更合适的分支策略。...但是,我们可以通过完全删除 else 来进一步简化此代码。 ? If statements with fast return 如果不使用 else,则我们将剩下干净的可读代码。...重构这个混乱的过程的过程如下: 使用公共接口将每个分支提取到单独的策略类中 动态查找实现通用接口的所有类 根据输入决定执行哪种策略 替换上面示例的代码如下所示。是的,这是更多代码的方式。

    94160

    编写 if 时不带 else,你的代码会更好!

    来源:翻译自:Nicklas Millard的文章《Better Software Without If-Else》 设计更好的软件,替换If-Else的5种方法。...入门到高级示例 让我直接说这句话:If-Else通常是一个糟糕的选择。 它导致设计复杂,代码可读性差,并且可能导致重构困难。 但是,If-Else已成为事实上的代码分支解决方案,这确实是有道理的。...但是,我们可以通过完全删除else来进一步简化此代码。 > If statements with fast return 如果不使用else,则我们将剩下干净的可读代码。...知道我们需要扩展应用程序的这一部分,这种方法绝对是不可接受的。 上面的代码不仅违反了"打开/关闭"原则,而且阅读得不好,还会引起可维护性方面的麻烦。...重构这个混乱的过程的过程如下: 使用公共接口将每个分支提取到单独的策略类中 动态查找实现通用接口的所有类 根据输入决定执行哪种策略 替换上面示例的代码如下所示。是的,这是更多代码的方式。

    71721

    编写 if 时不带 else,你的代码会更好!

    设计更好的软件,替换 If-Else 的 5 种方法。入门到高级示例 让我直接说这句话:If-Else 通常是一个糟糕的选择。 它导致设计复杂,代码可读性差,并且可能导致重构困难。...但是,If-Else 已成为事实上的代码分支解决方案,这确实是有道理的。这是向所有有抱负的开发人员讲授的第一件事。不幸的是,许多开发人员从来没有前进到更合适的分支策略。...但是,我们可以通过完全删除 else 来进一步简化此代码。 If statements with fast return 如果不使用 else,则我们将剩下干净的可读代码。...知道我们需要扩展应用程序的这一部分,这种方法绝对是不可接受的。 上面的代码不仅违反了 "打开 / 关闭" 原则,而且阅读得不好,还会引起可维护性方面的麻烦。...重构这个混乱的过程的过程如下: 使用公共接口将每个分支提取到单独的策略类中 动态查找实现通用接口的所有类 根据输入决定执行哪种策略 替换上面示例的代码如下所示。是的,这是更多代码的方式。

    60530

    基础|如何优雅的编写JavaScript代码

    提高自身的编码能力和编写易于阅读和维护的代码,是广大码农们提高开发效率和职业身涯中必做的事情。 那么究竟如何编写出可维护的、优雅的代码呢?...编写简洁的 JavaScript 代码 以下这些准则来自 Robert C. Martin 的书 “Clean Code”,适用于 JavaScript。...当函数需要做更多的事情时,它们将会更难进行编写、测试、理解和组合。 当你能将一个函数抽离出只完成一个动作,他们将能够很容易的进行重构并且你的代码将会更容易阅读。...比如已经支持 async/await,使开发者更容易编写异步代码,代码逻辑和可读性简直不能太好了。...通过将 JavaScript 解析为 AST 并且基于 AST 美化和打印,Prettier 会丢掉几乎全部的原始的代码风格,从而保证 JavaScript 代码风格的一致性,你可以先感受一下。

    58530

    「译」编写更好的 JavaScript 条件式和匹配条件的技巧

    正如我在另一篇文章 JavaScript 整洁代码的最佳实践里提到的,你写的代码不单单是给机器看的,还是给“未来的自己”以及“其他人”看的。...我们可以通过编写一个类似的 for...loop 语句来实现相同的结果,就像之前写的一样。但幸运的是,有很酷的 JavaScript 函数可以来帮助我们完成这件事。...不过,这里我直接跳到最后,向你展示借助现代 JavaScript 特性和多个返回语句,代码可以有多简洁。...例如,如果我们在给定车辆对象中包含额外属性,则该属性在我们的函数中是无法获取的。 根据偏好,开发者会选择其中一种方式。实践中,编写的代码通常介于两者之间。...因此,对于以这种方式编写的代码,你需要使用 Babel 进行编译。你可以在自判断链接这里以及在空合并这里查阅。

    98110

    分享:使用 TypeScript 编写的 JavaScript 游戏代码

    《上篇博客》我写出了我一直期望的 JavaScript 大型程序的开发模式,以及 TS(TypeScript) 的一些优势。...博客完成之后,我又花了一天时间试用 TS,用它来重构之前编写的一个 JS 游戏:《Javascript 坦克游戏》。...为了体验强类型对于重构的好处,我决定在这个版本之上做代码结构上的重构。 有了强类型编写的代码,我可以很方便地分析出每一个类型、每一个方法,具体在哪些地方被使用。...但是图画完之后,才发现与想象中差点很远,这就是没有画图直接编写代码的结果,见下面两张图: ? ? 可以看出各精灵类型之间的关系是比较乱的,双向依赖随处可见。...其它: 编译出的 JS 代码有一定的冗余。命名空间处显得特别明显。 重写基类方法,没有提示。 基类的属性获取器/设置器无法重写。 无法分辨哪些方法是虚方法。 接口中不能定义只读的属性。

    2K50

    30个神奇的Python技巧来编写更好的代码(上)

    如果您是python基本概念的初学者,那么这是学习编写更好代码的最佳时间。 python中有许多技巧可以比以前更好地改善程序。 本文将帮助您了解python中可用的各种技巧。...不断地练习它们,直到成为您编程习惯的一部分。 我将分享30个神奇的Python技巧来帮助你编写更好的代码,会分为两次来进行分享哦~ 今天先分享15个,一起来看看吧!...这在计算机科学的许多操作中都很有用。 在这里,我编写了两种主要的方法供程序员用来交换知识以及最佳解决方案。 方法I-使用临时变量 此方法是使用临时变量存储一些数据。 以下代码使用临时变量名编写。...在许多代码片段中,它可能很有用。 范围函数的语法在此处编写。 语法:range(开始,结束,步长) 让我们尝试创建一个偶数列表。...看下面的代码。 第一个是使用简单的迭代编写的,第二个是使用列表理解的。

    63070

    译 | 使用Roslyn分析器高效编写更好的代码

    此仓库包括仍然适用于现代软件开发的 FxCop,但现在以基于 Roslyn 的现代代码分析平台为目标。让我们继续,安装这个包,以提高工作效率,更快地编写更好的代码!...展开包含要为其设置严重性的规则的程序集。右键单击规则并选择"设置规则集严重性",并在弹出的菜单中选择一个严重性选项。 ? 如果将规则严重性设置为警告,则会在代码中收到该特定规则集的警告。 ?...现在,您已经了解了分析器的工作原理,您可以提高工作效率,更快地编写更好的代码!...答:FxCop 是比 Roslyn 早近十年的代码分析引擎。就像我们推进编译器(例如介绍 Roslyn)一样,我们也在将代码分析技术推进到 Roslyn 平台。...有关详细信息,请参阅 Roslyn 分析器与静态代码分析(1)和 FxCop 分析器常见问题解答(2)。 问:我可以编写自定义分析器吗? 答:当然可以!有关如何编写分析器的文档,请参阅此处(3)。

    2.4K30

    抛弃变量,编写更加可读的JavaScript代码

    用命令式的方式编程通常也是很容易的。它只有极少数的限制,而且该架构也规定了你如何组织代码。这使得写代码比读代码更容易。但是考虑到整个生命周期的话,代码是这样一本书 --- 一次编写,多次阅读。...出乎意料的是,代码的行数并没有多大意义。只要代码是可读的,容易修改的,即使它比较长也是可以的。 JavaScript本质上是命令式语言,它也有一个动态类型系统。...但是也有个缺点,就是我们在JavaScript中可能很难编写纯粹的函数式代码。这时候就会产生副作用,它们能轻易地毁掉函数式编程所带来的所有好处。...数组 要想JavaScript代码更加容易理解,最重要的一步就是学习集合的各种函数式方法,包括filter, map, reduce, some, every等等。...如果你使用合适的编译器,比如 Babel的话,那些展开运算符以及丰富的箭头函数同样可以兼容老版本的浏览器。 总结 有许多方式可以编写出易读的代码。

    50230
    领券