zoukankan      html  css  js  c++  java
  • (译) 《Javascript 24条最佳实践》

    (摘录Javascript 24条最佳实践》

    自己一直偏向于实用主义,不是学院派,不是学究派,只讲究把东西能够很好的做出来,但经过一段时间的开发工作当自己总结出来一些东西时,觉得挺有收获,但岂知已早有很多前人早都写的更完美,总结的更好;所以咱们做开发的,务必要统筹好实践与理论、自研与拿来的关系。理论与实践的关系,咱们从小的毛邓都有学习,只是细化下来,到咱们开发人员身上该如何做的问题。我主张在做项目中发现自身技术点的不足,而后抽出时间吃透理论,第二天再投入开发,以更好的更自信的对项目开发负责,如此交替进行,一来项目开发过程中的经验会更加牢固与自信的沉淀下来;二来建立在项目研发需求基础上的技术积累也将更加完善。

    来吧,抽时间看看这些原则与方法,不用自己再去造轮子,记住就行,理解更好。

    原文标题与地址:

    24 JavaScript Best Practices for Beginners

    http://net.tutsplus.com/tutorials/JavaScript-ajax/24-JavaScript-best-practices-for-beginners/ 

    1.用===取代==

    If two operands are of the same type and value, then === produces true and !== produces false.” – JavaScript: The Good Parts

    简单来讲就是

    var a="123"

    var b=123

    if(a==b)

    {

      alert("a==b"); //right

    }

    if(a===b)

    {

      alert("a===b");//wrong

    }

     

    2.不建议使用Eval

    因赋予字符串太大的权限,会有安全隐患。So Avoid it!

    alert(eval("1+3")); //return 4 

    3.切勿使用易引起歧义的表达式缩写

    如:if(2 + 2 === 4) return 'nicely done'; 

    或 if(someVariableExists)  

       x = false  

       anotherFunctionCall();

    4.使用JsLint 来规范Javascript 代码

    http://www.jslint.com/ 毫不夸张的讲,处女座的人千万不要用,后果很严重。

    5.请在页面底部引用Script 脚本

    这个原则很多老鸟也不太在乎,但坦白来讲,我们都要具有工匠精神才能够做出优秀的产品不是吗?、

    原因很简单,因为页面的加载是按顺序来的,如果写在页面顶端,会延迟页面的显示效果,破坏用户体验。

    6.请在For循环外部声明变量

    for(var i = 0; i < someArray.length; i++) {  

       var container = document.getElementById('container');  //超级破费的写法,亲,还是写外面吧。

       container.innerHtml += 'my number: ' + i;  

       console.log(i);  

    7.有比手拼字符串更快的方法吗?

    var arr = ['item 1', 'item 2', 'item 3', ...];  

    var list = '<ul><li>' + arr.join('</li><li>') + '</li></ul>';  

    返回一个字符串。该字符串是通过把 数组 的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入 分隔符 字符串而生成的。
    var arr = [1,2,3,4,5];
    var str = arr.join("-");
    alert(str);// 弹出 1-2-3-4-5

    8. 尽量减少全局变量的使用

    否则你的代码在与其它程序进行通信时面临很多风险。

    9. 老声常谈,在需要的地方尽量写些注释

    10. 持续优化与改进

    当用户浏览器的JavaScript被禁用时,您老人家写的网站还能正常使用不这种坑爹的问题,还真没尝试过。

    11. 不要向SetInterval或者SetTimeOut中传递字符串,用方法名称取代吧。

    12. 不要使用With语句

    with (being.person.man.bodyparts) {  

       arms = true;  

       legs = true;  

    }  

    而应该用

    var o = being.person.man.bodyparts;  

    o.arms = true;  

    o.legs = true;  //原因是用With的话,后期变量的赋值会较麻烦。

    13. 使用{}来取代New Object()来创建对象

    var o = new Object();  

    o.name = 'Jeffrey';  

    o.lastName = 'Way';  

    o.someFunction = function() {  

       console.log(this.name);  

    }  

    var o = {  

       name: 'Jeffrey',  

       lastName = 'Way',  

       someFunction : function() {  

          console.log(this.name);  

       }  

    };  //取代的原因是{}更加健壮。

    14. 使用 [ ] 取代New Array()

     var a = new Array();  

    a[0] = "Joe";  

    a[1] = 'Plumber';  

    应该:

    var a = ['Joe','Plumber'];  

    15. 当需要定义一长列变量时,可以使用逗号取代Var

    var someItem = 'some string';  

    var anotherItem = 'another string';  

    var oneMoreItem = 'one more string'; 

    应该是:

    var someItem = 'some string',  

        anotherItem = 'another string',  

        oneMoreItem = 'one more string'; 

     

    16. 别忘记在句尾加分号

    18. “for in”语句来遍历对象中的元素

    for(key in object) {  

       if(object.hasOwnProperty(key) {  

         ...then do something...  

       }  

    }  

    19. 使用FirbugTimer特性来优化你的代码

    function TimeTracker(){  

     console.time("MyTimer");  

     for(x=5000; x > 0; x--){}  

     console.timeEnd("MyTimer");  

    }  

    24. 去掉Language,没必要,并且已经被告弃用多时,恩?怎么没人告诉我

    <script type="text/javascript" language="javascript">  

    </script> 

     

     

     

     

  • 相关阅读:
    ajax处理返回的json数据
    (转)JavaScript Trim() IE 不支持 问题解决 .
    ajax乱码,asp,php,jsp
    常用工具软件
    给DIV添加滚动条
    java递归菜单树转换成json字符串
    将请求的数据以json(plain)输出有乱码
    json穿
    乱码问题
    getRequestURI,getRequestURL的区别
  • 原文地址:https://www.cnblogs.com/mqgh/p/3465653.html
Copyright © 2011-2022 走看看