WEB前端开发最佳实践系列JavaScript篇

Posted 霓裳梦竹

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WEB前端开发最佳实践系列JavaScript篇相关的知识,希望对你有一定的参考价值。

一、养成良好的编码习惯,提高可维护性

1、避免定义全局变量和函数,解决全局变量而导致的代码“污染”最简单的额方法就是把变量和方法封装在一个变量对象上,使其变成对象的属性:

1 var  myCurrentAction = {
2     length : 0 ,
3     init : function(){},
4     action : function(){}
5 }

还可以将全局的变量包含在一个局部作用域中,然后在这个作用域中完成这些变量的定义以及变量使用的逻辑:

1 (function(){
2    var length = 0;
3    function init(){}
4    function action (){}
5 })();

模块之间交互使用return语句(即做到了代码逻辑的封装,又公开了需要访问的接口):

1 var myCurrentAction = (function(){
2      var length = 0;
3      function init(){}
4      function action(){}
5      return {
6          init : init
7  }
8 })();

 

以上是关于WEB前端开发最佳实践系列JavaScript篇的主要内容,如果未能解决你的问题,请参考以下文章

javascript基础-《web前端最佳实践》

《web前端开发最佳实践》党建 摘要

学习前端有啥书推荐?

初学前端有啥推荐的书籍

基于AngularJS的前端云组件最佳实践

Web最佳实践阅读总结