javascript中的with語句學習筆記及用法

更新時間：2020年02月17日 17:07:08 作者：h祝h

在本篇文章里小編給大家分享的是關于javascript中的with語句學習筆記及用法，有需要的朋友們可以學習下。

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

定義 with 語句的目的主要是為了簡化多次編寫同一個對象的工作，如下面的代碼：

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

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

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

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

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

大量使用with非常耗性能，而且在嚴格模式下使用with語句會報錯。所以建議沒什么必要不要用with語句

實例擴充：

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

以上就是腳本之家小編整理分享的全部知識點內容，感謝大家的支持。

您可能感興趣的文章:

老生常談js中0到底是 true 還是 false
下面小編就為大家?guī)硪黄仙Ｕ刯s中0到底是 true 還是 false。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-03-03
js實現(xiàn)復制粘貼的兩種方法
這篇文章主要為大家詳細介紹了js實現(xiàn)的兩種方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12
JavaScript利用append添加元素報錯的解決方法
這篇文章主要介紹了JavaScript利用append添加元素報錯的解決方法,需要的朋友可以參考下
2014-07-07
JS實現(xiàn)小米輪播圖
這篇文章主要為大家詳細介紹了JS實現(xiàn)小米輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09
JS如何在數(shù)組指定位置插入元素
這篇文章主要介紹了JS如何在數(shù)組指定位置插入元素,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-03-03
javascript HTML5文件上傳FileReader API
這篇文章主要介紹了javascript HTML5文件上傳FileReader API的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-04-04
javascript最基本的函數(shù)匯總
這篇文章主要給大家匯總介紹了javascript最基本的7個函數(shù)，十分的實用，有需要的小伙伴可以參考下。
2015-06-06
信息滾動效果的實例講解
下面小編就為大家?guī)硪黄畔L動效果的實例講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
JavaScript基于setTimeout實現(xiàn)計數(shù)的方法
這篇文章主要介紹了JavaScript基于setTimeout實現(xiàn)計數(shù)的方法,涉及javascript中setTimeout方法的使用技巧,需要的朋友可以參考下
2015-05-05
詳談javascript中的cookie
cookie其實就是網站放在用戶機器上的一小塊信息，cookie對于用戶來說是唯一的，網站可判斷用戶上次訪問網站的時間，以及他訪問了哪些頁面，可用于在某個網站跟蹤你訪問的頁面，但無法用它來獲取個人信息。
2015-06-06