템플릿 엔진 손으로 쓰기
자체 구현 stringFormat 함수
stringFormat 함수의 사용 예:
var eleDiv = stringFormat('
{1}
', 'ele', ' div');
위의 코드를 실행하면 eleDiv는 div
즉, stringFormat를 통해 문자열을 포맷하여 출력할 수 있다.스스로 실현된 사고방식
"{0}、{1}..."
이라는 유형의 문자가 포함되어 있는데 각각 " 0 、 1 ..."
을 사용할 것이다. 따라서 함수에서 우리는 {}
문자를 가져와 교체해야 하기 때문에 정규 표현식과 그 리플렉스 방법, 그리고 정규 그룹 코드는 다음과 같습니다.
function stringFormat(string) {
var data = [].slice.call(arguments, 1);
var regex = /{(\d+)}/g;
string = string.replace(regex, function(){
// arguments ,
// console.log(arguments)
var index = arguments[1]; // arguments[1]
return data[index];
});
return string;
}
stringFormat('hi, {0}, {1}', 1,2,3,4,5,6)
템플릿 엔진 제1판 자체 구현
변수 사용
var Temperate = function (string, data){
var regex = //g;
var match ;
while(match = regex.exec(string)) {
string = string.replace(match[0], data[match[1]]);
}
return string;
}
var data = {
word: "hahaha",
woooorld: '1234'
};
var str = Temperate('hello hhah ', data)
console.log(str);
, —— 20 Javascript !
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.