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:
您可能感兴趣的文章:
