如何写出高质量的javascript代码

论坛 期权论坛     
选择匿名的用户   2021-5-30 00:12   100   0
<p><span style="font-family:Microsoft YaHei">转载自:<a href="http://www.cnblogs.com/TomXu/archive/2011/12/28/2286877.html#!comments" rel="noopener noreferrer" target="_blank">汤姆大叔</a>的博文</span></p>
<p></p>
<p><span style="font-family:Microsoft YaHei">才华横溢的<a href="http://www.phpied.com/" rel="noopener noreferrer" target="_blank">Stoyan Stefanov</a>,在他写的由<a href="http://oreilly.com/" rel="noopener noreferrer" target="_blank">O’Reilly</a>初版的新书<a href="http://amzn.to/93szK7" rel="noopener noreferrer" target="_blank">《JavaScript Patterns》</a>(JavaScript模式)中,我想要是为我们的读者贡献其摘要,那会是件很美妙的事情。具体一点就是编写高质量JavaScript的一些要素,例如避免全局变量,使用单变量声明,在循环中预缓存length(长度),遵循代码阅读,以及更多。</span></p>
<p><span style="font-family:Microsoft YaHei">此摘要也包括一些与代码不太相关的习惯,但对整体代码的创建息息相关,包括撰写API文档、执行同行评审以及运行JSLint。这些习惯和最佳做法可以帮助你写出更好的,更易于理解和维护的代码,这些代码在几个月或是几年之后再回过头看看也是会觉得很自豪的。</span></p>
<h1><span style="font-family:Microsoft YaHei">书写可维护的代码(Writing Maintainable Code )</span></h1>
<p><span style="font-family:Microsoft YaHei">软件bug的修复是昂贵的,并且随着时间的推移,这些bug的成本也会增加,尤其当这些bug潜伏并慢慢出现在已经发布的软件中时。当你发现bug 的时候就立即修复它是最好的,此时你代码要解决的问题在你脑中还是很清晰的。否则,你转移到其他任务,忘了那个特定的代码,一段时间后再去查看这些代码就 需要:</span></p>
<ul id="ul"><li><span style="font-family:Microsoft YaHei">花时间学习和理解这个问题</span></li><li><span style="font-family:Microsoft YaHei">化时间是了解应该解决的问题代码</span></li></ul>
<p><span style="font-family:Microsoft YaHei">还有问题,特别对于大的项目或是公司,修复bug的这位伙计不是写代码的那个人(且发现bug和修复bug的不是同一个人)。因此,必须降低理解代 码花费的时间,无论是一段时间前你自己写的代码还是团队中的其他成员写的代码。这关系到底线(营业收入)和开发人员的幸福,因为我们更应该去开发新的激动 人心的事物而不是花几小时几天的时间去维护遗留代码。</span></p>
<p><span style="font-family:Microsoft YaHei">另一个相关软件开发生命的事实是,读代码花费的时间要比写来得多。有时候,当你专注并深入思考某个问题的时候,你可以坐下来,一个下午写大量的代码。</span></p>
<p><span style="font-family:Microsoft YaHei">你的代码很能很快就工作了,但是,随着应用的成熟,还会有很多其他的事情发生,这就要求你的进行进行审查,修改,和调整。例如:</span></p>
<ul id="ul"><li><span style="font-family:Microsoft YaHei">bug是暴露的</span></li><li><span style="font-family:Microsoft YaHei">新功能被添加到应用程序</span></li><li><span style="font-family:Microsoft YaHei">程序在新的环境下工作(例如,市场上出现新想浏览器)</span></li><li><span style="font-family:Microsoft YaHei">代码改变用途</span></li><li><span style="font-family:Microsoft YaHei">代码得完全从头重新,或移植到另一个架构上或者甚至使用另一种语言</span></li></ul>
<p><span style="font-family:Microsoft YaHei">由于这些变化,很少人力数小时写的代码最终演变成花数周来阅读这些代码。这就是为什么创建可维护的代码对应用程序的成功至关重要。</span></p>
<p><span style="font-family:Microsoft YaHei">可维护的代码意味着:</span></p>
<ul id="ul"><li><span style="font-family:Microsoft YaHei">可读的</span></li><li><span style="font-family:Microsoft YaHei">一致的</span></li><li><span style="font-family:Microsoft YaHei">可预测的</span></li><li><span style="font-family:Microsoft YaHei">看上去就像是同一个人写的</span></li><li><span style="font-family:Microsoft YaHei">已记录</span></li></ul>
<h1><span style="font-family:Microsoft YaHei">最小全局变量(Minimizing Globals)</span></h1>
<p><span style="font-family:Microsoft YaHei">JavaScript通过函数管理作用域。在函数内部声明的变量只在这个函数内部,函数外面不可用。另一方面,全局变量就是在任何函数外面声明的或是未声明直接简单使用的。</span></p>
<p><span style="font-family:Microsoft YaHei">每个JavaScript环境有一个全局对象,当你在任意的函数外面使用this的时候可以访问到。你创建的每一个全部变量都成了这个全局对象的属 性。在浏览器中,方便起见,该全局对象有个附加属性叫做wi
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP