【JavaScript】我的JavaScript技术总结第一篇——编程细节

时间:2021-01-26 02:28:03
  1. 遍历数组
    for (var i=0, l=arr.length; i<l; i++)

    这样写的一个好处就是让每次循环少一步获取数组对象长度的操作,数组长度越长,价值越明显。

  2. 判断变量的真假
    if (a) {...} //a='', a='0', a=[], a={}

    if条件判断的结果分别是:false, true, true, true。这个结果和PHP的结果是不同的,不要混淆。还需要区分它和非恒等判断相似的情况。

  3. 0值非恒等判断
     if (0 == '0') {...} //true
    if (0 == []) {...} //true
    if (0 == [0]) {...} //true
    if (0 == {}) {...} //false
    if (0 == null) {...} //false
    if (0 == undefined) {...} //false

    其实还有很多这种诡异的判断,我只列出了较为常见的。如果想弄明白其中的规则,请参阅我的另一篇博文:【JavaScript】深入分析JavaScript的关系运算和if语句

  4. parseInt的陷阱
    var n = parseInt(s); //s='010'

    该语句执行后n值为8,而不是10。虽然很多人知道这一点,但是编程中难免会出错,我深有体会。所以,最好按下面的方式来写,就不会出错了。

    var n = parseInt(s, 10);
  5. 变量在使用前一定要先声明

    虽然,直接使用变量而不声明也不会出错,但是,这样写是很容易出错的。因为解释器会把它解释成全局变量,很容易和其他全局变量重名而导致出错。所以,一定要养成变量使用前要先声明的好习惯。

  6. 循环中存在异步的情况
    for (var i=0, l=arr.length; i<l; i++) {
       var sql = "select * from nx_user";
    db.query(sql, function(){
    sys.log(i + ': ' + sql);
    }); //db.query为表查询操作,是异步操作
    }

    你会发现,输出的结果都是相同的,而且是当i=arr.length-1时的输出内容。因为JavaScript是单线程的,它会先执行完整个循环的同步内容之后,才去执行其中的异步操作。代码中的匿名回调函数就是一个异步回调。执行到该函数的时候,for循环以及后面的一些同步操作都已经执行完毕。出于闭包原则,该函数会保留for循环的最后一次循环的sql变量和i变量的内容,所以才会导致错误的结果。

    那怎么办呢?解决方法有两种,一种是使用立即函数,如下:

    for (var i=0, l=arr.length; i<l; i++) {
      var sql = "select * from nx_user";
    (function(sql, i){
    db.query(sql, function(){
    sys.log(i + ': ' + sql);
    }); //db.query为表查询操作,是异步操作
    })(sql, i);
    }

    还有一种方法是将异步操作部分提取出来,单写一个函数,如下:

    var outputSQL = function(sql, i){
    db.query(sql, function(){
    sys.log(i + ': ' + sql);
    }); //db.query为表查询操作,是异步操作
    } for (var i=, l=arr.length; i<l; i++) {
      var sql = "select * from nx_user";
    outputSQL(sql, i);
    }
  7. 在对大量数据作处理时,尽量避免循环嵌套

    因为循环嵌套的处理时间会随着数据量的增加成指数级增长,所以应尽量避免。遇到这种情况,如果没有更好的办法,一般采取的策略是以空间换时间,即建立一张二级循环数据的Hash映射表。当然,还要具体情况具体分析。还有一点要说的是,某些方法本身就是一个循环体,如Array.sort()(该方法应该是用了两层循环实现),在使用的时候需加注意。

  8. 尽量避免递归调用

    递归调用的优点是代码简洁,实现简单,而它的缺点很重要,说明如下:

    (1)函数栈的大小会随着递归层次成线性增长,而函数栈是有上限值的,当递归达到一定层数后函数栈就会溢出,从而导致程序出错;

    (2)每递归一层都会增加额外的压栈和出栈操作,即函数调用过程中的保存现场和恢复现场。

    所以,应尽量避免递归调用。

  9. 数组和对象不要混用

    下面是错误代码的示例:

    var o = [];
    o['name'] = 'LiMing';

    数组和对象混用可能会导致不可预知的错误。我的一个同事就遇到过一个很奇怪的问题,先看代码:

    var o = [];
    o['name'] = 'LiMing';
    var s = JSON.stringify(o);

    他本以为对象o的name属性会在JSON串中,结果就是没有。当时我也很奇怪,但我有预感到是数组和对象混用的问题,试了一下,果然是它的问题。后来我在ECMA规范中查到,数组在序列化时是按JA规则进行的。所以,要养成一个好的编程习惯,正确使用数组和对象,不要混用。

  10. 无限制搜索条件
    function getSomeList(func) {
    if (func === undefined) {
    func = function(){};
    }
    var list = [];
    for (var i=0, l=arr.length; i<l; i++) {
    var elem = arr[i];
    if (func(elem)) {
    list.push(elem);
    }
    }
    return list;
    }

    使用函数式参数,可以用一个函数实现任意条件的搜索,有很大的*度。