javascript_javascript 기술에서 인수를 사용하여 string.format 함수 구현

다음은 소스 코드의 일부와 그의 설계 및 구현 아이디어에 대한 심층 분석입니다.

코드 복사 코드

함수 형식(문자열) {
var args = 인수
var 패턴 = new RegExp("%([1-" 인수.길이 "])" , "g");
return String (string).replace(pattern, function(match, index) {
return args[index];
})

포맷 기능을 통해 다음의 코드를

코드 복사 코드는 다음과 같습니다

format("%1은(는) %2이(가) 누구인지 알고 싶어합니다. %3", "papers", "shirt", "wear")

는 다음을 반환합니다. 신문은 당신이 누구의 셔츠를 입는지 알고 싶어합니다."
물론 C#에서 매개변수를 전달하고 string.format 함수를 호출하는 것과 약간 비슷합니다.
대체로 보면 기술적인 내용은 정말 없는 것 같습니다. 그런데 정말 기술적인 내용이 없는 걸까요? Lou Zhu는 자바스크립트와 인수에 대한 그의 피상적인 지식과 이해를 바탕으로 감히 이 프로그램을 분석합니다.
1. 정규식
1에서 1까지의 인수 수와 일치하는 %로 시작하는 새로운 프로그램을 매우 교묘하게 만듭니다. 패턴에서 이 일반 패턴은 아래 2번 항목의 문자열 교체를 위한 중요한 전제 조건입니다.
2. 문자열 교체 함수
교체 함수의 두 번째 매개변수는 매우 "놀라운" 기능입니다. 정의에 따르면 args 변수는 실제로 인수이고 index 매개변수는 args[index]를 통해 얻을 수 있으며 index>=1 및 index
기능이 너무 짧고 간결하며 강력한 기능과 큰 대조를 이루는 것이 놀랍습니다.
Lou Zhu처럼 C#에 푹 빠져 C#의 string.format 작성 방법에 푹 빠져 있는 개발자도 많을 것입니다(대부분은 사용 습관 때문에 발생하는 것이겠죠?). 소스 코드 약간 변경:

코드 복사 코드는 다음과 같습니다.

함수 형식( string) {
var args = 인수;
var 패턴 = new RegExp("{([0-"args.length "])}", "g"); replacement(pattern, function(match, index) {
var currentIndex =parseInt(index);
if (currentIndex 1 > args.length || currentIndex throw new Error(" 매개변수 인덱스 오류");
}
return args[currentIndex 1];
});
};
document.write(format("그리고 {0}은(는) 누구인지 알고 싶어합니다. {1} you {2}", "papers ", "shirt", "wear"));//중괄호, 인덱스는 0부터 시작합니다...


이렇게 하면 다음과 같습니다. format 함수는 C# 작성 스타일처럼 호출할 수 있습니다.

이 기사의 작성을 마지막으로 확인한 것은 2008년이었습니다. Lou Zhu는 2008년에 꽤 깨달음을 얻었습니다. 그는 JavaScript를 배우기 위해 열심히 노력했지만, 인수에 대한 이해는 이미 매우 미성숙했습니다. 이벤트를 정의할 때 createFunction 함수를 정의할 때 사용하고, createFunction 함수는 이벤트에서 사용할 매개변수 없는 함수를 구성할 때 사용하는데, 그때는 항상 '나만 아는구나'라는 생각에 우울했습니다. 모양은 있지만 현실은 그렇지 않습니다." 앤드루의 걸작을 읽은 후 갑자기 깨달음을 느꼈습니다. 반응이 느리고 나중에 깨달았지만 여전히 큰 영감과 만족감을 느꼈습니다.


Andrew Tetlaw의 원문을 읽어보세요. 실제로 아래의 누군가가 format 함수 매개변수가 9를 초과하면 함수가 작동하지 않는다는 점을 지적한 후 해결책도 제시했습니다.
eric d 안녕하세요, 훌륭한 기사를 작성해 주셔서 감사합니다. 많은 것들이 훨씬 더 명확해졌습니다!
참고: new RegExp("%([1-"args.length "])", "g"); 9개의 인수가 전달되면 실패합니다(정규 표현식은 "%([ 1 -10])"이므로 %0 및 %1)과만 일치합니다.

쉬운 수정 방법은 다음과 같습니다.
function format(string) { var args = 인수; var 패턴 = new RegExp("%([0-9] )", "g"); return String(string).replace(pattern, function(match, index) { if (index == 0 || index >= args . length) throw "Invalid index in format string"; return args[index] }); 가지고 있음)

작성일자 : 2009년 1월 20일 오전 12시 1분