首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >这段Javascript是不是效率低下?

这段Javascript是不是效率低下?
EN

Stack Overflow用户
提问于 2009-12-21 11:38:21
回答 5查看 191关注 0票数 0

我只是想知道这段Javascript会不会减慢我的网站速度:

代码语言:javascript
运行
复制
$(function(){
 var realLink = location.href;
 $( "#nav a" ).each(
  function( intIndex ){
   String.prototype.startsWith = function(str){
    return (this.indexOf(str) === 0);
   }
   var pageLink = $(this).attr("href");

   if ( realLink.startsWith(pageLink) )
    $(this).parent().addClass("active");   
  }
 );
});

它只循环5-7次,而且我没有太多的Javascript循环经验。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2009-12-21 11:43:45

这个代码片段本身没有什么问题,只是您经常在一个循环中创建一个函数并将其分配给String.prototype.startsWith。当然,这是一项不必要的工作,至少应该是:

代码语言:javascript
运行
复制
$(function(){
 var realLink = location.href;
 String.prototype.startsWith = function(str){
   return (this.indexOf(str) === 0);
 };
 $( "#nav a" ).each(
  function( intIndex ){
   var pageLink = $(this).attr("href");
   if ( realLink.startsWith(pageLink) )
    $(this).parent().addClass("active");   
  }
 );
});

我也不认为有必要在这里使用intIndex参数。它不会在函数中的任何地方使用。

票数 5
EN

Stack Overflow用户

发布于 2009-12-21 11:43:22

您可以通过将代码更改为:

代码语言:javascript
运行
复制
String.prototype.startsWith = function(str){
    return(this.indexOf(str) == 0);
}

$(function(){
    var realLink = location.href;

    $('#nav a').each(function(intIndex){
        var pageLink = $(this).attr("href");
        if(realLink.startsWith(pageLink))
            $(this).parent().addClass("active");
        });
});

它打破了startsWith()的定义,因此您不必为循环的每个迭代都定义它。

票数 2
EN

Stack Overflow用户

发布于 2009-12-21 11:45:46

尝试使用Firebug's Profiling Feature来测量脚本的性能。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1938037

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档