js模板引擎漸進 if else（7）

有了 each 的經驗後，要實現 if/else 這種指令就簡單了-------在 case '}' 處對 varcode 進行指令的判斷即可。

模板**：

目標**：

function func(data)  else if (data.value == 2)  else  result.push(" ");
return result.join("");
}

分析：

>這裡我們直接對照**來看，對於 if 和 else-if ，花括號 {} 內的內容，除了作為指令識別字元的 if/else-if 空格分隔後的第二個都是按照原樣當作 js **來處理的。而不管是 if還是 else if 我們會發現我們寫js**時，一般都會用 {} 將方法體抱起來（單行一般不需要包也可以，但是這裡統一使用 {} 來包住方法體），而 if () 之後接的就是包回來，同時 else 說明了另乙個情況的開始,所以後面需要加上即可。

實現**：

function template2code(template) 
else 
break;
case "\"":
if (isvarcode) 
else 
break;
case "":
isvarcode = false;
var varvalue = varcode.join("");
if (varvalue.indexof("each") == 0) 
else if (varvalue === "/each") ");
}else if (varvalue.indexof("if") == 0) 
else if (varvalue.indexof("else-if") == 0)  else if(" + ifinfo[1] + ")
else if (varvalue.indexof("else") == 0)  else 
else if (varvalue.indexof("/if") == 0) ");
}else 
varcode = ;
break;
default:
if (isvarcode) 
else }}
resultcode.push(" result.push(\"" + tempcode.join("") + "\") ;");
resultcode.push("return result.join(\"\");}")
return resultcode.join("");
}

傳入資料：

var data =

渲染結果：

在 each 的基礎上處理 if 是簡單很多了，這裡也一篇就處理完了。

目錄：js模板引擎漸進--前言

js模板引擎漸進--區別js**和html字串（1）

js模板引擎漸進--生成最簡單的function（2）

js模板引擎漸進--區別js**和html字串2（3）

js模板引擎漸進--改進字串拼接方式（4）

js模板引擎漸進--each/for（5）

js模板引擎漸進--each改進（6）

js模板引擎漸進--if/else（7）

js模板引擎漸進--處理需要輸出的情況（8）

js模板引擎漸進--**改進封裝（9）

js模板引擎漸進--後記

js模板引擎漸進 if else（7）

使用js模板引擎心得

騰訊js模板引擎 artTemplate 學習

js模板引擎artTemplate快速上手

js模板引擎漸進 if else（7）

使用js模板引擎心得

騰訊js模板引擎 artTemplate 學習

js模板引擎artTemplate快速上手

相關推薦