字符串startsWith方法实现

sakuraiki

于 2018-09-23 20:29:05 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：读《JavaScript框架设计(第2版)》

本文链接：https://blog.youkuaiyun.com/sakuraiki/article/details/82824545

读《JavaScript框架设计(第2版)》专栏收录该内容

1 篇文章

订阅专栏

本文探讨了Mootools库中startsWith方法的实现原理，对比了使用substr与indexOf方法的性能差异，并通过实验发现后者在Chrome浏览器下执行速度更快。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第2章语言模块中提到Mootools中startsWith方法的实现是

function startsWith(target, str, ignorecase){
  var start_str = target.substr(0, str.length);
  return ignorecase ? start_str.toLowerCase() === str.toLowerCase() : start_str === str;
}

很好奇为什么不直接用indexOf。。。感觉可能是因为性能问题，所以用这个indexOf实现的startsWith2

function startsWith2(target, str, ignorecase){
  return ignorecase ? str.toLowerCase().indexOf(target.toLowerCase()) === 0 : str.indexOf(target) === 0;
}

在chrome上测了一下执行时间比较了一下，发现比原来那个还要快一些。。。。。。@_@

console.time('startsWith');
for(var i = 0; i<10000000; ++i){
  startsWith('haha', 'hahahei', true);
}
console.timeEnd('startsWith');

>>> startsWith: 620.35791015625ms



console.time('startsWith2');
for(var i = 0; i<10000000; ++i){
  startsWith2('haha', 'hahahei', true);
}
console.timeEnd('startsWith2');

>>> startsWith2: 125.35205078125ms

不知道原来那个里面为什么要那样写，望大佬指点。。