摘要:語(yǔ)法利弊使用得當(dāng)可規(guī)避重復(fù)而冗長(zhǎng)的對(duì)象引用以減小代碼量。使用語(yǔ)句,在某些語(yǔ)義不明的情況下會(huì)降低代碼可讀性。在標(biāo)準(zhǔn)中,是對(duì)象原型的新屬性。使用利用了語(yǔ)句延長(zhǎng)作用域鏈的特性,最基本的使用方法。目前多使用臨時(shí)變量方案替代語(yǔ)句以簡(jiǎn)化代碼。
語(yǔ)法
with (expression) statement利弊
使用得當(dāng)可規(guī)避重復(fù)而冗長(zhǎng)的對(duì)象引用以減小代碼量。
var a, x, y; var r = 10; with (Math) { a = PI * r * r; x = r * cos(PI); y = r * sin(PI / 2); }
在 with 語(yǔ)句中查詢變量、更改變量似乎十分方便,這很容易給人一種可以輕松操縱對(duì)象的錯(cuò)覺(jué),直到你試圖添加一個(gè)新的變量,啊哦。
var o = { x : 10 } with (o) { x = 5; y = 7; } console.log(o.x); // 5 console.log(o.y); // undefined console.log(window.y); // 7
with 語(yǔ)句將指定對(duì)象的執(zhí)行環(huán)境提升到作用域鏈的最前端,因此語(yǔ)句中若包含非指定對(duì)象執(zhí)行環(huán)境中的變量,會(huì)降低查詢性能。
JavaScript引擎會(huì)在編譯階段進(jìn)行數(shù)項(xiàng)的性能優(yōu)化。其中有些優(yōu)化依賴于能夠根據(jù)代碼的詞法進(jìn)行靜態(tài)分析,并預(yù)先確定所有變量和函數(shù)的定義位置,才能在執(zhí)行過(guò)程中快速找到標(biāo)識(shí)符。
但如果引擎在代碼中發(fā)現(xiàn)了with,它只能簡(jiǎn)單地假設(shè)關(guān)于標(biāo)識(shí)符位置的判斷都是無(wú)效的,因?yàn)闊o(wú)法知道傳遞給with用來(lái)創(chuàng)建新詞法作用域的對(duì)象的內(nèi)容到底是什么。
最悲觀的情況是如果出現(xiàn)了with,所有的優(yōu)化可能都是無(wú)意義的,因此最簡(jiǎn)單的做法就是完全不做任何優(yōu)化。
如果代碼中大量使用with,那么運(yùn)行起來(lái)一定會(huì)變得非常慢。無(wú)論引擎多聰明,試圖將這些悲觀情況的副作用限制在最小范圍內(nèi),也無(wú)法避免如果沒(méi)有這些優(yōu)化,代碼會(huì)運(yùn)行得更慢這個(gè)事實(shí)。
使用 with 語(yǔ)句,在某些語(yǔ)義不明的情況下會(huì)降低代碼可讀性。
function fn1(x, o) { with (o) print(x); }
變量 在 with 語(yǔ)句中的各種可能,總之是,讀者讀來(lái)不易,編譯器也覺(jué)得挺煩的。
但不排除在某些情況下它也可以提高代碼的可讀性,譬如說(shuō)遇到了這樣普遍使用某一符號(hào)在閱讀上易造成干擾的框架:
_.People().sort(_.score(_.isa(_.Parent)),"Surname","Forename");
這時(shí)使用 with 語(yǔ)句,會(huì)感覺(jué)世界都明朗了起來(lái):
with (_) { ... People().sort(score(isa(Parent)),"Surname","Forename"); ... }
with 語(yǔ)句無(wú)法向前兼容。
function fn2(arr, values) { with (arr) console.log(values); }
在 ECMAScript 6 標(biāo)準(zhǔn)中,values 是 Array 對(duì)象原型的新屬性。則調(diào)用 fn2([1,2,3], obj) 時(shí),with 語(yǔ)句中變量 values 的指向會(huì)出現(xiàn)與在 ECMAScript 5 環(huán)境下不同的情況:前者指向 arr.values,后者指向傳入的第二個(gè)參數(shù) obj。
使用利用了 with 語(yǔ)句延長(zhǎng)作用域鏈的特性,最基本的使用方法。
var x = 20; var o = { x : 10 } with (o) { x = 5; } console.log(x); // 20 console.log(o.x); // 5
with 語(yǔ)句可以嵌套使用。
var box = { weight: 10, size: { width: 5, height: 7 } } with(box) { with(size) { console.log(width * height / weight); } }
目前多使用臨時(shí)變量方案替代 with 語(yǔ)句以簡(jiǎn)化代碼。
var s = elem.style; s.position = "absolute"; s.top = "10px"; s.left = "0";參考
MDN > JavaScript > Statements and declarations > with
JavaScript Tutorial > The "with" operator
with Statement Considered Harmful
"with" keyword in javascript
with: The World"s Most Misunderstood Statement
with: Some Good Example
JavaScript高級(jí)程序設(shè)計(jì)-第3版
你不知道的JavaScript-上卷
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/78734.html
本文主要是給大家介紹了python上下面管理工具適用場(chǎng)景及錯(cuò)誤處理實(shí)例詳細(xì)說(shuō)明,感興趣的小伙伴可以參考去了解一下,希望可以有一定的幫助,祝愿大家多多的發(fā)展,盡早漲薪 前言 應(yīng)用前后文管理工具,能讓編碼更為雅致簡(jiǎn)約。自然,前后文的管理工具的功效不僅于此,它內(nèi)部進(jìn)行體制,能夠很好地解決編碼出現(xiàn)異常,提高編碼的復(fù)用性 1、先看一下最典型的例子,with句子 #創(chuàng)建一個(gè)文件載入字符串?dāng)?shù)組Pyt...
摘要:是上一次加載資源時(shí),服務(wù)器返回的,是對(duì)該資源的一種唯一標(biāo)識(shí),只要資源有變化,就會(huì)重新生成。同源限制如果非同源以下三種行為將受到限制和無(wú)法讀取。Js相關(guān)執(zhí)行環(huán)節(jié)和作用域執(zhí)行環(huán)節(jié)定義了函數(shù)或者變量可以訪問(wèn)的其它數(shù)據(jù),決定了他們各自的行為。每個(gè)執(zhí)行環(huán)境都有一個(gè)與之關(guān)聯(lián)的變量對(duì)象,在環(huán)境中定義的所有變量和函數(shù)都保存在這個(gè)變量中,并且是我們無(wú)法訪問(wèn)。每個(gè)函數(shù)都有自己的執(zhí)行環(huán)境,當(dāng)執(zhí)行流進(jìn)入一個(gè)函數(shù)的時(shí)...
摘要:是上一次加載資源時(shí),服務(wù)器返回的,是對(duì)該資源的一種唯一標(biāo)識(shí),只要資源有變化,就會(huì)重新生成。同源限制如果非同源以下三種行為將受到限制和無(wú)法讀取。Js相關(guān)執(zhí)行環(huán)節(jié)和作用域執(zhí)行環(huán)節(jié)定義了函數(shù)或者變量可以訪問(wèn)的其它數(shù)據(jù),決定了他們各自的行為。每個(gè)執(zhí)行環(huán)境都有一個(gè)與之關(guān)聯(lián)的變量對(duì)象,在環(huán)境中定義的所有變量和函數(shù)都保存在這個(gè)變量中,并且是我們無(wú)法訪問(wèn)。每個(gè)函數(shù)都有自己的執(zhí)行環(huán)境,當(dāng)執(zhí)行流進(jìn)入一個(gè)函數(shù)的時(shí)...
JavaScript在創(chuàng)建變量(數(shù)組、字符串、對(duì)象等)是自動(dòng)進(jìn)行了分配內(nèi)存,而且當(dāng)它沒(méi)有被使用的狀態(tài)下,會(huì)自動(dòng)的釋放分配的內(nèi)容;其實(shí)這樣基層語(yǔ)言,如C語(yǔ)言,他們提供了內(nèi)存管理的接口,比如malloc()用于分配所需的內(nèi)存空間、free()釋放之前所分配的內(nèi)存空間。 釋放內(nèi)存的過(guò)程稱為垃圾回收,例如avaScript這類(lèi)高級(jí)語(yǔ)言可以提供了內(nèi)存自動(dòng)分配和自動(dòng)回收,其實(shí)這個(gè)自動(dòng)儲(chǔ)存不會(huì)占用太多空間...
閱讀 2727·2021-11-22 15:22
閱讀 1631·2021-11-22 14:56
閱讀 3616·2021-09-22 15:12
閱讀 2403·2021-09-02 15:41
閱讀 2122·2021-08-27 16:26
閱讀 1113·2019-08-30 15:55
閱讀 2139·2019-08-29 17:30
閱讀 665·2019-08-29 16:26