JS编程建议——29:准确使用循环体(1)-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

JS编程建议——29:准确使用循环体(1)

简介: 29:准确使用循环体(1)

建议29:准确使用循环体(1)
1.选择正确的循环体
在大多数编程语言中,代码执行时间多数消耗在循环的执行上。在一系列编程模式中,循环是最常用的模式之一,因此也是提高性能必须关注的地方之一。理解JavaScript 中循环对性能的影响至关重要,因为死循环或长时间运行的循环会严重影响用户体验。JavaScript定义了4种类型的循环:
第一种循环是标准的for循环,与C语言使用同样的语法:

  1. for (var i=0; i < 10; i++){
  2. //循环体
  3. }
    for循环是最常用的循环结构,它由4部分组成:初始化体、前测条件、后执行体、循环体。当遇到一个for循环时,初始化体首先执行,然后进入前测条件。如果前测条件的计算结果为true,则执行循环体,然后运行后执行体。for循环在封装上的直接性是开发者喜欢使用它的原因之一。

第二种循环是while循环。while 循环是一个简单的前测循环,由一个前测条件和一个循环体构成:

  1. var i = 0;
  2. while(i < 10){
  3. //循环体
  4. i++;
  5. }
    在执行循环体之前,先对前测条件进行计算。如果计算结果为true,那么就执行循环体;否则将跳过循环体。任何for 循环都可以写成while 循环,反之亦然。

第三种循环是do while循环。do while 循环是JavaScript中唯一一种后测试的循环,它包括两部分:循环体和后测条件。

  1. var i = 0;
  2. do {
  3. //循环体
  4. } while (i++ < 10);
    在一个do while 循环中,循环体至少运行一次,后测条件决定循环体是否应再次执行。

第四种循环是for in 循环。此循环有一个非常特殊的用途:可以枚举任何对象的命名属性。

  1. for (var prop in object){
  2. //循环体
  3. }
    每次执行循环,属性都被对象属性的名字(一个字符串)填充,直到所有的对象属性遍历完成才返回。返回的属性包括对象的实例属性和对象从原型链继承而来的属性。

提高循环性能的起点是选用哪种循环。在JavaScript 提供的4种循环类型中,只有for in循环执行速度比其他循环明显要慢。
由于每次迭代操作要搜索实例或原型的属性,for in循环每次迭代都要付出更多开销,因此它比其他类型循环执行速度慢一些。在同样的循环迭代操作中,其他类型循环执行速度比for in 循环快7 倍之多,因此推荐这样做:除非需要对数目不详的对象属性进行操作,否则避免使用for in循环。例如,迭代遍历一个有限的、已知的属性列表,使用其他循环类型更快,具体的使用模式如下:

  1. var props = ["prop1", "prop2"],
  2. i = 0;
  3. while (i < props.length){
  4. process(object[props[i]]);
  5. }
    此代码创建一个由成员和属性名构成的队列。while 循环用于遍历这几个属性并处理所对应的对象成员,而不是遍历对象的每个属性。此代码只关注感兴趣的属性,节约了循环时间。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章
最新文章
相关文章