javascript函式中with的介紹

illusory_f發表於2018-10-26

/*js函式中with函式的用法分析
定義 方便用來引用某個物件中已有的屬性
但是不能用來給物件新增屬性 要給物件建立
新的屬性 必須明確的引用該物件*/
程式碼格式
with(object)
statements

object:新的預設物件
statements:一個或多個語句 oject是該語句的預設物件

with 語句通常用來縮短特定情形下必須寫的程式碼量。
x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10) y = Math.tan(14 * Math.E)
with (Math){ x = cos(3 * PI) + sin (LN10) y = tan(14 * E)}
function valiadate_reauired

簡單的來說就是with相當於一種速寫方式 在指定的程式碼區域,通過節點名稱就能呼叫物件

普通寫法:
var car={
size: suv,
color:yellow,
money:1500

};
其他類呼叫
function={
car car =new car();
car.size=suv;
car.color=yellow;
car.money=1500;

}

使用with的寫法:省去了car.

with(car){
size=suv;
color=yellow;
money=1500;
}

使用with語句關聯了car物件,解析時 with程式碼塊的內部把每個變數都認為是區域性變數;
如果區域性變數裡與car物件屬性(例如size)屬性同名,這個區域性變數就會指向car裡面的屬性;

本文參考https://blog.csdn.net/zwkkkk1/article/details/79725934來詳細理解with 的缺點

缺點1
with會自動在全域性作用域建立一個全域性變數,在嚴格模式下,會丟擲ReferenceError 異常。

withwith 會在執行時修改或建立新的作用域,以此來欺騙其他在書寫時定義的詞法作用域。

缺點2
with在相同條件下比不使用它慢了很多,具體的原因是因為js在執行之前要進行預編譯,
其中有些優化依賴於能夠根據程式碼的詞法進行靜態分析,並預先確定所有變數和函式的定義位置,
才能在執行過程中快速找到識別符號。
但如果引擎在程式碼中發現了 with,它只能簡單地假設關於識別符號位置的判斷都是無效的,
因為無法知道傳遞給 with 用來建立新詞法作用域的物件的內容到底是什麼。所以js就不會優化

相關文章