JavaScript的五个技巧

翻译 2007年09月20日 09:40:00

五条javascript技巧帮助你提高代码质量:
 1.只在<form>元素上使用submit事件
  绑定事件处理表单时,使用表单得submit事件而不是click事件。
 2.如果可点击,确认是否是链接

 3.简单的for循环优化
  下面是对for循环做的一个非常简单的改变,但是它确可以提高循环的效率

 

 for ( var i = 0; i < elements.length; ++i )
 
for ( var i = 0, j = elements.length; i < j; ++i )


   第二行代码中elements.length被存在变量j中,所以不必在每次循环的时

候重复读取它。

 
 4.事件处理时使用匿名函数(Use anonymous functions for event handlers)
  象下面这样比较短的函数使用匿名函数比引用一个其他地方命名的函数可

读性要高
  

anchor.onclick = function() {
                    map.goToPosition( home );
                    
return false;
                 }


 5.使用Array.join代替字符串连接(concatenating strings)

  遇到比较长的字符串连接的时使用Array.join代替字符串连接可以获得更

好的效率而且可读性更高。
 

 var text = 'There are' + elements.length + 'members in the        

         elements array.
';
                
var text = ['There are', elements.length, 'members in the 

elements array.
'].join(' ');

 注:关于最后一条好像还有争议

On 12 Sep 07

Stuart Colville said:

I'd disagree with the last item on using Array.join for concatenating strings: Firstly, the only real benefit in using this approach is when you are concatenating a lot of strings together. With three strings it may also actually be slower due to the overhead of initialising the array.

Secondly the performance increase from using Array.join in the right situation is generally only seen in IE due to it's slow JavaScript engine which has not seen the same levels of optimisations that have been made in other browsers.

 

 

Update

A number of people have mentioned to me that the Array.join technique for string concatenation is a bad one, particularly if you're only doing it with a small number of strings. Our benchmarks show it being faster for IE when you get to about 6/7 string concatenations, so it's been useful to us in some situations. But I'd agree with Stuart below that for the average situation it's not going to be worth it. However, I don't see using Array.join() for string concatenation as an abuse of JavaScript.

JavaScript的五个技巧

document.getElementById("ID").style.cssText=str; 获得样式 改变五条javascript技巧帮助你提高代码质量: 1.只在元素上使用submit事件  ...
  • chenshizero
  • chenshizero
  • 2007年09月20日 18:00
  • 446

前端JavaScript面试技巧全套

第1章 课程简介 从几个常见面试开始,讨论针对一个题目的分析思路,总结题目对应的知识点。最后列出所有 JS 知识点的集合 —— JS 知识体系框架。 第2章 JS基础知识(上) 讲解 J...
  • zhangye19920611
  • zhangye19920611
  • 2017年12月09日 16:37
  • 211

JavaScript奇淫技巧(一)

if-else简化写法 代码中若出现多层if-else嵌套,代码就会显得臃肿不堪,这时可采用替代方案来浓缩代码。...
  • u010425776
  • u010425776
  • 2016年10月29日 20:21
  • 1365

JavaScript高级技巧

下述内容主要讲述了《JavaScript高级程序设计(第3版)》第22章关于“高级技巧”。 一、高级函数函数是第一等公民,所有函数都是对象。1. 安全的类型检测JavaScript内置的类型检测机制并...
  • ligang2585116
  • ligang2585116
  • 2016年05月05日 21:13
  • 6198

慕课网:Web前端面试题目及答案汇总

HTML/CSS部分 1、什么是盒子模型? 在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元...
  • dongyang0311
  • dongyang0311
  • 2016年06月29日 14:44
  • 11603

JavaScript 开发人员需要知道的简写技巧

本文来源于多年的 JavaScript 编码技术经验,适合所有正在使用 JavaScript 编程的开发人员阅读。本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作。...
  • powertoolsteam
  • powertoolsteam
  • 2017年10月24日 10:01
  • 12997

解读 JavaScript 之 V8 引擎及优化代码的 5 个技巧

概览 JavaScript 引擎是执行 JavaScript 代码的程序或解释器。 JavaScript 引擎可以作为标准解释器或即时编译器,它以某种形式将 JavaScript 编译为字节码。 ...
  • hj7jay
  • hj7jay
  • 2017年12月15日 09:40
  • 473

JavaScript提升(你不知道的JavaScript)

最近,在读《你不知道的JavaScript(上卷)》这本书,书中详细阐述了JavaScript众多重要但经常被大家忽略的点,在此强烈推荐!!!书中,第4章讲述了“提升”,从示例出发讲述了变量和函数提升...
  • ligang2585116
  • ligang2585116
  • 2015年05月30日 10:10
  • 4749

那些鲜为人知的JavaScript 技巧

JavaScript 的成功让人津津乐道,为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功,这门有趣的语言蕴藏着许多不为人熟知的东西,即使多年的 JavaScript...
  • Qyyvip
  • Qyyvip
  • 2016年08月12日 15:51
  • 105

前端JavaScript面试技巧

导读请搭配导图一起看 - 基层攻城狮 基础知识 - 高级攻城狮 项目经验 - 架构师 解决方案举例面试题:变量类型和变量计算JS内置函数 内置函数Object,Array,Boolean,...
  • qq_33936481
  • qq_33936481
  • 2017年07月17日 10:40
  • 402
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript的五个技巧
举报原因:
原因补充:

(最多只允许输入30个字)