怎么理解JS另類(lèi)的作用域

本篇內(nèi)容主要講解“怎么理解JS另類(lèi)的作用域”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“怎么理解JS另類(lèi)的作用域”吧!

創(chuàng)新互聯(lián)公司-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比永德網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式永德網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋永德地區(qū)。費(fèi)用合理售后完善，十年實(shí)體公司更值得信賴(lài)。

1.變量的作用域

稍微有些編程背景的都知道，變量的作用域分為兩種： 全局變量 和 局部變量 。

Javascript是一門(mén) 弱類(lèi)型語(yǔ)言 。所有的變量聲明都是通過(guò)var來(lái)接收，如

var num = 1; var str = “string”; var flag = true;

看似是一個(gè)非常省事的機(jī)制，但是也有讓人頭疼的時(shí)候，一些隱式的類(lèi)型轉(zhuǎn)換經(jīng)常會(huì)把搞暈，這里不做展開(kāi)，后面有時(shí)間可以單獨(dú)開(kāi)一篇詳談。先看看全局變量和局部變量：

var g = "global"; function f(){ var l = "local"; }

注意 ： 1. 如果在函數(shù)f（）中將去掉var聲明，則變量l就會(huì)從局部變量升級(jí)為全局變量。

2. 局部變量的優(yōu)先級(jí)高于同名的全局變量 。如果在函數(shù)f()中聲明一個(gè)局部變量也為g，則全局變量就會(huì)被局部變量覆蓋

2.作用域和聲明提前

看到Javascript作用域這塊，可以說(shuō)顛覆了以前我對(duì)作用域的認(rèn)識(shí)。類(lèi)似Java和C等編程語(yǔ)言，在花括號(hào)“{}”內(nèi)的代碼都是有各自的作用域的，并且在這個(gè)范圍以外，這些變量是不可見(jiàn)的，我們稱(chēng)這種作用域?yàn)? 塊級(jí)作用域 。

但是這完全不適用于Javascript，因?yàn)镴avascript沒(méi)有塊級(jí)作用域，但是Javascript有  函數(shù)作用域 。函數(shù)作用域簡(jiǎn)言之就是：變量在聲明他們的函數(shù)體以及這個(gè)函數(shù)體嵌套的任意函數(shù)體內(nèi)都是有定義的。

對(duì)于“ 變量在聲明他們的函數(shù)體以及這個(gè)函數(shù)體嵌套的任意函數(shù)體內(nèi)都是有定義的 ”這句話(huà)的延伸理解：變量在聲明之前就已經(jīng)可用。我們稱(chēng)這種特性為聲明提前，也就是函數(shù)里的所有變量都被“提前”至函數(shù)體的頂部。

下面我們看一個(gè)經(jīng)典的陷阱案例：

var v = "yoyo"; (function(){ console.log(v); var v = "check now";     console.log(v); })();

對(duì)于第二次執(zhí)行結(jié)果“check now”沒(méi)有什么特別的，為什么***次輸出的不是“yoyo”而是“undefined”。

對(duì)于這個(gè)問(wèn)題的解釋就用到上面的那句話(huà)，  局部變量在整個(gè)函數(shù)體始終是有定義的 ，即在函數(shù)體內(nèi)局部變量覆蓋了同名全局變量，而且，程序只有在執(zhí)行到var語(yǔ)句時(shí)，局部變量才會(huì)被真正賦值。所以，這時(shí)你大概會(huì)明白為什么是undefined了，因?yàn)榇藭r(shí)還沒(méi)有遇到var，即沒(méi)有定義，等價(jià)于下面的形式：

var v = "yoyo"; (function(){ var scope; console.log(v); var v = "check now";     console.log(v); })();  疑問(wèn) ？ ？ ？  將上面的代碼稍稍修改為：  var v = "yoyo"; (function(){     console.log(v); })();

運(yùn)行結(jié)果為：

相比于上面的代碼只是少了一行添加一個(gè)局部變量v并賦值的語(yǔ)句，但是結(jié)果卻是“yoyo”。

這里之所以輸出“yoyo”，不能按照上面的定式思維。上面有句話(huà)叫“局部變量在整個(gè)函數(shù)體始終是有定義的”，但是這里沒(méi)有局部變量的定義，所以按照下面要提到的作用域鏈會(huì)逐層向上尋找變量，***找到了全局變量v，從而***的輸出是“yoyo”。

以上是我的個(gè)人理解，如果你對(duì)這兩種情況有自己的理解，請(qǐng)?jiān)谙路浇o出，望不吝指教。

3.作用域鏈

全局變量在程序中始終是有定義的，局部變量在聲明它的函數(shù)體內(nèi)以及其所嵌套的函數(shù)內(nèi)始終是有定義的。

每一段Javascript代碼（全局代碼或函數(shù)）都有一個(gè)與之相關(guān)聯(lián)的作用域鏈，這個(gè)作用域鏈就是一個(gè)對(duì)象列表或鏈表。比如當(dāng) Javascript需要查找變量x的值時(shí)，它會(huì)從鏈中的***個(gè)對(duì)象開(kāi)始，如果該對(duì)象有一個(gè)名為x的屬性，則直接使用，如果不存在名為x的屬性，則會(huì)繼續(xù) 向鏈上的下一個(gè)對(duì)象查找，如此遞歸下去直到找到。如果整個(gè)鏈上都找不到，則認(rèn)為不存在x這個(gè)屬性。舉例：

name="lwy"; function t(){ var name="tlwy"; function s(){ var name="slwy"; console.log(name); } function ss(){ console.log(name); } s();   ss();  }  t();

到此，相信大家對(duì)“怎么理解JS另類(lèi)的作用域”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún)，關(guān)注我們，繼續(xù)學(xué)習(xí)！

本文標(biāo)題：怎么理解JS另類(lèi)的作用域
瀏覽地址：http://muchs.cn/article36/gdscsg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站收錄、App開(kāi)發(fā)、定制開(kāi)發(fā)、外貿(mào)建站、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)