今天就跟大家聊聊有關深入淺析Vue中 js with語句的原理，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
vue源碼中編譯部分有下面一段代碼，里面用到了with：
export function generate (
ast: ASTElement | void,
options: CompilerOptions
): CodegenResult {
const state = new CodegenState(options)
const code = ast ? genElement(ast, state) : '_c("div")'
return {
render: `with(this){return $[code]}`,
staticRenderFns: state.staticRenderFns
}
}下面詳細解釋一下with的用法：
js中我們常用的一種類型是對象：
let obj = {
a:"aa",
b:"bb",
c:"cc"
}而提到對象，我們要獲取它中的屬性值，可以使用如下方法：
// 一： let a = obj.a //二： let b = ojb["b"]
取出對象中的每一個屬性值，我們都需要obj....，這樣無形中會輸入很多次obj，那么我們如何簡單的獲取到它的屬性值呢。
1、常規的方法：
var a = obj.a;
var b = obj.b;
var c = obj.c;
2、使用with后的方法：
with(obj){
var a = a;
var b = b;
var c = c;
}這里with括號中的值就是我們的公共對象，下面就是每個對象中的值
var qs1 = location.search.substring(1);
var hostname1 = location.hostname;
var url1 = location.href;
// 上面幾行代碼都包含了location對象，可使用with語句簡寫為以下形式
with(location){
var qs2 = search.substring(1);
var hostname2 = hostname;
var url2 = href;
}看完上述內容，你們對深入淺析Vue中 js with語句的原理有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
