javascript中的with語(yǔ)句學(xué)習(xí)筆記及用法
更新時(shí)間：2020年02月17日 17:07:08 作者：h祝h
在本篇文章里小編給大家分享的是關(guān)于javascript中的with語(yǔ)句學(xué)習(xí)筆記及用法，有需要的朋友們可以學(xué)習(xí)下。
在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ǔ)句(類似于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ǔ)句(類似于VB中的),用于簡(jiǎn)化代碼
alert("Name:" + name + ",Age:" + age);
}
</script>
</head>
<body>
</body>
</html>
以上就是腳本之家小編整理分享的全部知識(shí)點(diǎn)內(nèi)容，感謝大家的支持。
相關(guān)文章
下面小編就為大家?guī)?lái)一篇老生常談js中0到底是 true 還是 false。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)的兩種方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
JavaScript利用append添加元素報(bào)錯(cuò)的解決方法
這篇文章主要介紹了JavaScript利用append添加元素報(bào)錯(cuò)的解決方法,需要的朋友可以參考下2014-07-07
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)小米輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了JS如何在數(shù)組指定位置插入元素,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-03-03
javascript HTML5文件上傳FileReader API
這篇文章主要介紹了javascript HTML5文件上傳FileReader API的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要給大家匯總介紹了javascript最基本的7個(gè)函數(shù)，十分的實(shí)用，有需要的小伙伴可以參考下。2015-06-06
下面小編就為大家?guī)?lái)一篇信息滾動(dòng)效果的實(shí)例講解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
JavaScript基于setTimeout實(shí)現(xiàn)計(jì)數(shù)的方法
這篇文章主要介紹了JavaScript基于setTimeout實(shí)現(xiàn)計(jì)數(shù)的方法,涉及javascript中setTimeout方法的使用技巧,需要的朋友可以參考下2015-05-05
cookie其實(shí)就是網(wǎng)站放在用戶機(jī)器上的一小塊信息，cookie對(duì)于用戶來(lái)說(shuō)是唯一的，網(wǎng)站可判斷用戶上次訪問(wèn)網(wǎng)站的時(shí)間，以及他訪問(wèn)了哪些頁(yè)面，可用于在某個(gè)網(wǎng)站跟蹤你訪問(wèn)的頁(yè)面，但無(wú)法用它來(lái)獲取個(gè)人信息。2015-06-06