成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript 中 "with" 語句的相關(guān)內(nèi)容整理

KoreyLee / 1934人閱讀

摘要：語法利弊使用得當(dāng)可規(guī)避重復(fù)而冗長的對象引用以減小代碼量。使用語句，在某些語義不明的情況下會降低代碼可讀性。在標(biāo)準(zhǔn)中，是對象原型的新屬性。使用利用了語句延長作用域鏈的特性，最基本的使用方法。目前多使用臨時變量方案替代語句以簡化代碼。

語法 
with (expression)
  statement
利弊

使用得當(dāng)可規(guī)避重復(fù)而冗長的對象引用以減小代碼量。

var a, x, y;
var r = 10;

with (Math) {
  a = PI * r * r;
  x = r * cos(PI);
  y = r * sin(PI / 2);
}

在 with 語句中查詢變量、更改變量似乎十分方便，這很容易給人一種可以輕松操縱對象的錯覺，直到你試圖添加一個新的變量，啊哦。

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 語句將指定對象的執(zhí)行環(huán)境提升到作用域鏈的最前端，因此語句中若包含非指定對象執(zhí)行環(huán)境中的變量，會降低查詢性能。

JavaScript引擎會在編譯階段進(jìn)行數(shù)項的性能優(yōu)化。其中有些優(yōu)化依賴于能夠根據(jù)代碼的詞法進(jìn)行靜態(tài)分析，并預(yù)先確定所有變量和函數(shù)的定義位置，才能在執(zhí)行過程中快速找到標(biāo)識符。
但如果引擎在代碼中發(fā)現(xiàn)了with，它只能簡單地假設(shè)關(guān)于標(biāo)識符位置的判斷都是無效的，因為無法知道傳遞給with用來創(chuàng)建新詞法作用域的對象的內(nèi)容到底是什么。
最悲觀的情況是如果出現(xiàn)了with，所有的優(yōu)化可能都是無意義的，因此最簡單的做法就是完全不做任何優(yōu)化。
如果代碼中大量使用with，那么運行起來一定會變得非常慢。無論引擎多聰明，試圖將這些悲觀情況的副作用限制在最小范圍內(nèi)，也無法避免如果沒有這些優(yōu)化，代碼會運行得更慢這個事實。

使用 with 語句，在某些語義不明的情況下會降低代碼可讀性。

function fn1(x, o) {
  with (o) 
    print(x);
}

變量 在 with 語句中的各種可能，總之是，讀者讀來不易，編譯器也覺得挺煩的。

但不排除在某些情況下它也可以提高代碼的可讀性，譬如說遇到了這樣普遍使用某一符號在閱讀上易造成干擾的框架：

_.People().sort(_.score(_.isa(_.Parent)),"Surname","Forename");

這時使用 with 語句，會感覺世界都明朗了起來：

with (_) {
    ...
    People().sort(score(isa(Parent)),"Surname","Forename");
    ...
}

with 語句無法向前兼容。

function fn2(arr, values) {
  with (arr)
    console.log(values);
}

在 ECMAScript 6 標(biāo)準(zhǔn)中，values 是 Array 對象原型的新屬性。則調(diào)用 fn2([1,2,3], obj) 時，with 語句中變量 values 的指向會出現(xiàn)與在 ECMAScript 5 環(huán)境下不同的情況：前者指向 arr.values，后者指向傳入的第二個參數(shù) obj。

使用

利用了 with 語句延長作用域鏈的特性，最基本的使用方法。

var x = 20;
var o = {
  x : 10
}

with (o) {
  x = 5;
}
console.log(x);      // 20
console.log(o.x);    // 5

with 語句可以嵌套使用。

var box = {
  weight: 10,
  size: {
    width: 5,
    height: 7
  }
}

with(box) {
  with(size) {
    console.log(width * height / weight);    
  }
}

目前多使用臨時變量方案替代 with 語句以簡化代碼。

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高級程序設(shè)計-第3版

你不知道的JavaScript-上卷

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/78734.html

相關(guān)文章

  • python上下面管理工具適用場景及錯誤處理

    　　本文主要是給大家介紹了python上下面管理工具適用場景及錯誤處理實例詳細(xì)說明，感興趣的小伙伴可以參考去了解一下，希望可以有一定的幫助，祝愿大家多多的發(fā)展，盡早漲薪　　前言　　應(yīng)用前后文管理工具，能讓編碼更為雅致簡約。自然，前后文的管理工具的功效不僅于此，它內(nèi)部進(jìn)行體制，能夠很好地解決編碼出現(xiàn)異常，提高編碼的復(fù)用性　　1、先看一下最典型的例子，with句子　　#創(chuàng)建一個文件載入字符串?dāng)?shù)組Pyt...

    89542767 評論0 收藏0

  • 前端面試資源整理（一）

    摘要：是上一次加載資源時，服務(wù)器返回的，是對該資源的一種唯一標(biāo)識，只要資源有變化，就會重新生成。同源限制如果非同源以下三種行為將受到限制和無法讀取。Js相關(guān)執(zhí)行環(huán)節(jié)和作用域執(zhí)行環(huán)節(jié)定義了函數(shù)或者變量可以訪問的其它數(shù)據(jù)，決定了他們各自的行為。每個執(zhí)行環(huán)境都有一個與之關(guān)聯(lián)的變量對象，在環(huán)境中定義的所有變量和函數(shù)都保存在這個變量中，并且是我們無法訪問。每個函數(shù)都有自己的執(zhí)行環(huán)境，當(dāng)執(zhí)行流進(jìn)入一個函數(shù)的時...

    phoenixsky 評論0 收藏0

  • 前端面試資源整理（一）

    摘要：是上一次加載資源時，服務(wù)器返回的，是對該資源的一種唯一標(biāo)識，只要資源有變化，就會重新生成。同源限制如果非同源以下三種行為將受到限制和無法讀取。Js相關(guān)執(zhí)行環(huán)節(jié)和作用域執(zhí)行環(huán)節(jié)定義了函數(shù)或者變量可以訪問的其它數(shù)據(jù)，決定了他們各自的行為。每個執(zhí)行環(huán)境都有一個與之關(guān)聯(lián)的變量對象，在環(huán)境中定義的所有變量和函數(shù)都保存在這個變量中，并且是我們無法訪問。每個函數(shù)都有自己的執(zhí)行環(huán)境，當(dāng)執(zhí)行流進(jìn)入一個函數(shù)的時...

    jzzlee 評論0 收藏0

  • 詳細(xì)解說JavaScript內(nèi)存管理和GC算法

    　　JavaScript在創(chuàng)建變量（數(shù)組、字符串、對象等）是自動進(jìn)行了分配內(nèi)存,而且當(dāng)它沒有被使用的狀態(tài)下，會自動的釋放分配的內(nèi)容；其實這樣基層語言，如C語言，他們提供了內(nèi)存管理的接口，比如malloc()用于分配所需的內(nèi)存空間、free()釋放之前所分配的內(nèi)存空間?！　♂尫艃?nèi)存的過程稱為垃圾回收，例如avaScript這類高級語言可以提供了內(nèi)存自動分配和自動回收，其實這個自動儲存不會占用太多空間...

    3403771864 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<