Web开发必知Javascript技巧大全(4)

function clone(object) {    function OneShotConstructor(){};    OneShotConstructor.prototype = object;    return new OneShotConstructor();   }   clone(Array).prototype ; // []

  39、HTML字段转换函数

  function escapeHTML(text) { var replacements= {"<": "<", ">": ">","&": "&", "\"": """}; return text.replace(/[<>&"]/g, function(character) { return replacements[character];    });   }

   40、不要在循环内部使用try-catch-finally

  try-catch-finally中catch部分在执行时会将异常赋给一个变量,这个变量会被构建成一个运行时作用域内的新的变量。

  切忌:

var object = ['foo', 'bar'], i; for (i = 0, len = object.length; i <len; i++) { try { // do something that throws an exception } catch (e) { // handle exception } }

  而应该:

var object = ['foo', 'bar'], i; try { for (i = 0, len = object.length; i <len; i++) { // do something that throws an exception } } catch (e) { // handle exception }

  41、使用XMLHttpRequests时注意设置超时

  XMLHttpRequests在执行时,当长时间没有响应(如出现网络问题等)时,应该中止掉连接,可以通过setTimeout()来完成这个工作:

 var xhr = new XMLHttpRequest ();   xhr.onreadystatechange = function () {    if (this.readyState == 4) {    clearTimeout(timeout);    // do something with response data    }   }   var timeout = setTimeout( function () {    xhr.abort(); // call error callback   }, 60*1000 /* timeout after a minute */ );   xhr.open('GET', url, true);   xhr.send();

  同时需要注意的是,不要同时发起多个XMLHttpRequests请求。

  42、处理WebSocket的超时

  通常情况下,WebSocket连接创建后,如果30秒内没有任何活动,服务器端会对连接进行超时处理,防火墙也可以对单位周期没有活动的连接进行超时处理。

  为了防止这种情况的发生,可以每隔一定时间,往服务器发送一条空的消息。可以通过下面这两个函数来实现这个需求,一个用于使连接保持活动状态,另一个专门用于结束这个状态。

var timerID = 0;   function keepAlive() {    var timeout = 15000;    if (webSocket.readyState == webSocket.OPEN) {    webSocket.send('');    }    timerId = setTimeout(keepAlive, timeout);   }   function cancelKeepAlive() {    if (timerId) {    cancelTimeout(timerId);    }   }

  keepAlive()函数可以放在WebSocket连接的onOpen()方法的最后面,cancelKeepAlive()放在onClose()方法的最末尾。

  43、时间注意原始操作符比函数调用快,使用VanillaJS

  比如,一般不要这样:

 var min = Math.min(a,b);   A.push(v);

  可以这样来代替:

 var min = a < b ? a : b;   A[A.length] = v;

  44、开发时注意代码结构,上线前检查并压缩JavaScript代码

  别忘了在写代码时使用一个代码美化工具。使用JSLint(一个语法检查工具)并且在上线前压缩代码(比如使用JSMin)。注:现在代码压缩一般推荐 UglifyJS (https://github.com/mishoo/UglifyJS2)

  45、JavaScript博大精深,这里有些不错的学习资源

•Code Academy资源:
•Marjin Haverbekex编写的Eloquent JavaScript:
•John Resig编写的Advanced JavaScript:

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgypgj.html