如何在javascript中使用with語(yǔ)句

發(fā)布時(shí)間：2021-03-31 17:10:37 來(lái)源：億速云閱讀：231 作者：Leah 欄目：web開(kāi)發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)如何在javascript中使用with語(yǔ)句，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

在JS中，with 語(yǔ)句的作用是將代碼的作用域設(shè)置到一個(gè)特定的對(duì)象中。其語(yǔ)法如下：with (expression) statement;

定義 with 語(yǔ)句的目的主要是為了簡(jiǎn)化多次編寫(xiě)同一個(gè)對(duì)象的工作，如下面的代碼：

var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;

上面幾行代碼都包含 location 對(duì)象。如果使用 with 語(yǔ)句，可以把上面的代碼改寫(xiě)成如下所示：

with(location){
 var qs = search.substring(1);
 var hostName = hostname;
 var url = href;
}

下面的代碼使用 with 語(yǔ)句關(guān)聯(lián)了 location 對(duì)象。這意味著在 with 語(yǔ)句的代碼塊內(nèi)部，每個(gè)變量首先被認(rèn)為是一個(gè)局部變量，而如果在局部環(huán)境中找不到該變量的定義，就會(huì)查詢

location 對(duì)象中是否有同名的屬性。如果發(fā)現(xiàn)了同名屬性，則以 location 對(duì)象屬性的值作為變量的值。

大量使用with非常耗性能，而且在嚴(yán)格模式下使用with語(yǔ)句會(huì)報(bào)錯(cuò)。所以建議沒(méi)什么必要不要用with語(yǔ)句

實(shí)例擴(kuò)充：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>With語(yǔ)句(類(lèi)似于VB中的)</title>
<script type="text/javascript">
 function Student(name, age) {
  this.name = name;
  this.age = age;
 }
 var stu = new Student('羅納爾多', 36);
 with (stu) {
  //With語(yǔ)句(類(lèi)似于VB中的),用于簡(jiǎn)化代碼
  alert("Name:" + name + ",Age:" + age);
 }
</script>
</head>
<body>
</body>
</html>

關(guān)于如何在javascript中使用with語(yǔ)句就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

如何在javascript中使用with語(yǔ)句

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽