十个前端开发者务必知道的JavaScript 技巧

过去，我写了很多垃圾代码，现在看起来很糟糕。,当我再次看到那些代码片段时，我什至怀疑自己是否适合做程序员。,所以，这里有 10 个我总结的JavaScript 技巧，可以帮助你避免编写我曾经做过的那种垃圾代码。,Promise 提供了一种优雅的方式来处理 JavaScript 中的异步操作。这也是避免“回调地狱”的解决方案之一。但是我并没有真正理解它的含义，所以我写了这个代码片段。,我做了这些事情：,我根本没有在这里利用 Promise，我们应该像下面的代码片段一样处理它：,我经常只写成功请求的代码逻辑，而忽略请求失败。,这是没有经验的，我们应该给出一个用户友好的提示，而不是什么都不做。,当一个函数的参数太多时，它的可读性就会降低，甚至，让我们想知道如何正确传递参数。,例子,我们想要获取用户的一些基本信息，比如姓名、性别、年龄等。,那太糟了，如果你的同事这样写代码，你会揍他吗？,事实上，当函数参数过多时，应该使用对象来传递需要的信息，这样它的可读性和可扩展性都会得到提高。,朋友们，你们写过这样的代码吗？在很多地方使用数字进行逻辑判断似乎很正常。是的，它让我感到困惑 1、2、3 到底是什么意思。,我们最好将这些数字定义为常数。,大多数情况下，我们使用 .length 来判断字符串的长度是安全的，但在表单输入的情况下要小心。,当我们输入 时，nameLen 的值为 2——这不是很奇怪吗？,是的，这是有原因的，你猜怎么着？,,我们经常向别人抱怨，“你为什么不写代码注释？” 但实际上，我自己也从来没有写过注释！,天哪，你知道'dpr'是什么意思吗？ 我从没想过它的意思是窗口设备PixelRatio。,与其不写代码注释，也不要写无意义的代码注释，因为这会浪费你的时间。,你不妨解释一下“a”的含义或使用有意义的变量名！,过去，我曾经编写过随机命名变量的笨拙代码片段。,朋友，请不要向我学习，你应该给变量一个适当且有意义的名称。,很多时候，我们的网站会不断的调整功能，有新的和弃用的功能，但我总是担心我以后会用到，所以我只是评论它们，而不是删除它们。,其实，这种担心是完全没有必要的，因为以后用的可能性很小。 就算以后会用到，也可以通过‘git’来追溯。,,我在一个组件中编写了超过一千行代码。 这太糟糕了，我们应该将组件的功能进一步拆分为更小的组件。,,这些都是我工作的一些经验总结，希望这篇文章内容对你有所帮助。