提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

javascript下利用arguments实现string.format函数

JavaScript 实现 string 函数 利用 format arguments
2023-06-13 09:14:24 时间
下面摘抄一下源码，深入分析一下他的设计实现思路：
复制代码代码如下:

functionformat(string){
varargs=arguments;
varpattern=newRegExp("%(["+arguments.length+"])","g");
returnString(string).replace(pattern,function(match,index){
returnargs[index];
});
};

通过format函数，下面的代码：
复制代码代码如下:

format("Andthe%1wanttoknowwhose%2you%3","papers","shirt","wear");

就会返回："Andthepaperswanttoknowwhoseshirtyouwear"。
果然有点像c#下string.format函数一样传参调用。
总体说来，好像真没什么技术含量。但是真的没有技术含量吗？楼猪大胆根据自己对javascript和arguments的浅薄认识和理解，再来剖析一下这段程序：
1、正则表达式
非常巧妙地new了一个以%开头匹配1到argument个数的一个正则pattern，这个正则是下面第2点字符串替换的重要前提准备；
2、string的Replace函数
replace函数的第二个参数是function，这点非常令人“意外”。通过定义，变量args实际上就是arguments，接着通过args[index]就能取到第index个参数，而且index>=1且index<arguments.length又能保证获取参数的正确。

函数如此短小精悍，和强大的功能形成巨大反差，令人拍案。
可能有许多像楼猪一样被c#惯坏的开发者，会迷恋c#的string.format的写法（大部分还是使用习惯在作怪吧？），好事楼猪稍微改动了一下源码：
复制代码代码如下:
functionformat(string){
varargs=arguments;
varpattern=newRegExp("{(["+arguments.length+"])}","g");
returnString(string).replace(pattern,function(match,index){
varcurrentIndex=parseInt(index);
if(currentIndex+1>args.length||currentIndex<0){
thrownewError("参数索引出错");
}
returnargs[currentIndex+1];
});
};
document.write(format("Andthe{0}wanttoknowwhose{1}you{2}","papers","shirt","wear"));//大括号，索引从0开始...

这样看上去就可以像c#的编写风格一样调用format函数了。
最后查看此文的写作时间是在2008年，楼猪在08年的时候觉悟还算蛮高的，正自发努力学习javascript中，但是对arguments认识还很稚嫩，虽然已经知道可以在自定义事件中通过它来定义createFunction函数，用createFunction函数来构造无参数的function给事件使用，但是当时一直抑郁“只知其形，不得其实”。看完Andrew的佳作，豁然开朗，虽然反应迟钝后知后觉，依然感到无比振奋和欣慰。

你看一下AndrewTetlaw的原文吧。其实下面已经有人指出format函数参数超出9以后，该函数就不起作用了，然后还给出了解决方法：

ericd.Hi,thanksforthatbrilliantarticle.Madealotofthingsalotclearer!
Note:newRegExp("%(["+arguments.length+"])","g");willfailpassed9arguments(theregexpwouldbe"%([1-10])"soitwillonlymatch%0and%1).

Ithinkaneasyfixwouldbesomethinglike:
functionformat(string){varargs=arguments;varpattern=newRegExp("%([0-9]+)","g");returnString(string).replace(pattern,function(match,index){if(index==0||index>=args.length)throw"Invalidindexinformatstring";returnargs[index];});};
(Sorryfornitpicking,Iunderstanditwasonlyanexampleandbrevetyisthemainobjective,butitsagreatfunctiontohave)

Postedon:January20th2009,12:01am

相关文章