with關鍵字正則實現ejs模版

with關鍵字通常被當作重複引用同乙個物件中的多個屬性的快捷方式，可以不需要重複引用物件本身比如

var obj =
//單調乏味的重複「obj」
obj.a =2;
obj.b =3;
obj.c =4;
//簡單的快捷方式
with
(obj)

但這實際上並不僅僅是為了方便訪問物件的屬性，考慮如下**：

function
foo()}
;var o1 =
;var o2 =
foo(o1)
;console.
log(o1.a)
//2 
foo(o2)
;console.
log(o2.a)
// undefined
console.
log(a)
//2 不好，a被洩露到全域性作用域上了

這個例子中建立了o1和o2 兩個物件。其中乙個具有a屬性，另外乙個沒有。foo(…)函式接受乙個obj引數。該引數是乙個物件的引用，並對這個物件執行了 with(obj) 。我們的**看起來只是對變數a 進行簡單的詞法引用，實際上就是乙個lhs 引用，並將2賦值給他。

當我們將o1傳進去, a =2 賦值操作找到了o1.a 並將2 賦值給他。而當o2傳進去他並沒有a屬性，因此不會建立這個屬性， o2.a保持undefined但是可以看到乙個奇怪的現象就是，實際上a=2的賦值操作建立了乙個全域性的變數a；

這是with的一些坑還有一些效能上特性可以參考《你不知道的jacascript》中第二章部分的詳述。

我們這裡利用with的這一語法特性配合正則來實現ejs模版的功能

let str =
`<%if(user)else%>`;
//它的原理就是拼出一段函式體**，然後把options做為作用域變數提供屬性
let options =
, total:10}
;function
render
(str, options, callback)";
}); str = str.
replace
(/<%([\s\s]+?)%>/g
,function()
);let tail =
"`}\n return template; "
;let html = head + str + tail;
let fn =
newfunction
('options'
, html)
;let result =
fn(options)
;return result;
}let result =
render
(str, options)
;//hello test

with關鍵字正則實現ejs模版

new關鍵字 this關鍵字 base關鍵字

this關鍵字 static關鍵字

base關鍵字 this關鍵字

with關鍵字 正則 實現ejs模版

new關鍵字 this關鍵字 base關鍵字

this關鍵字 static關鍵字

base關鍵字 this關鍵字

相關推薦

with關鍵字正則實現ejs模版