Javascript作用域(局部和全局作用域)詳細(xì)介紹
Javascript作用域 (局部作用域和全局作用域) 詳細(xì)介紹
作用域是當(dāng)前的執(zhí)行上下文，值和表達(dá)式在其中“可見”或可被訪問。
常見的作用域為：
全局作用域：腳本模式運行所有代碼的默認(rèn)作用域
函數(shù)作用域：由函數(shù)創(chuàng)建的作用域
局部作用域：用對象{}包著（一個代碼塊）創(chuàng)建出來的作用域
在了解作用域之前先看一下全局變量和局部變量
全局變量
1、在全局作用域下聲明的變量叫做 全局變量（在函數(shù)外部定義的變量）2、全局變量在全局（代碼的任何位置）下都可以使用；全局作用域中無法訪問到局部作用域中的變量。
以下我們用var創(chuàng)建的就是全局變量：
<script>
var value = 66;
function method(){
console.log(value);
}
method();
console.log(value);
</script>全局變量會提升但并不會賦值:所以 在創(chuàng)建之前l(fā)og是undefined 的億點小知識：變量提升和上文提到觸發(fā)時間有關(guān)。我們知道，var 和 function 聲明的變量可以在聲明前訪問，這就是因為變量提升的緣故。
<script>
console.log(value); // undefined
var value = 66;
console.log(value); // 66
</script>局部變量
1、在局部作用域下聲明的變量叫做局部變量（在函數(shù)內(nèi)部定義的變量）2、局部變量只能在函數(shù)內(nèi)部使用，在局部作用域中可以訪問到全局變量。
在函數(shù)的內(nèi)部創(chuàng)建變量也是局部變量:
<script>
function method(){
var value = 66;
console.log(value); // 66
}
method();
console.log(value); //value is not defined
</script>全局作用域和局部作用域的區(qū)別
- 全局作用域
全局作用域中的變量稱為全局變量，可以在任何作用域內(nèi)訪問。有兩種全局變量：
1.全局聲明變量是普通變量，在最頂級由 const、let 和 class 聲明的變量。
2.全局對象是存儲在全局對象中的屬性億點小知識：所有創(chuàng)建的變量都會作為 window 對象的屬性保存
<script>
var value = 66; // 在整個全局都可以獲取到 value
function method(){
console.log(value); // 全局方法內(nèi)部也可以獲取到 value
}
method();
</script>- 局部作用域
作用域?qū)ψ兞縼碚f，可以簡單理解為程序能夠訪問到變量的范圍，超過作用域的就無法訪問。
{
// 外面這個 a 作用域，可以訪問變量 a
const a = 0;
console.log(a); // 0
{
// 里面這個 b 作用域，可以訪問 a、b
const b = 1;
console.log(a); // 0
console.log(b); // 1
}
}
// 最外面的作用域 不能訪問 a,b
console.log(a); // 報錯：Uncaught ReferenceError: a is not defined- 函數(shù)作用域
在函數(shù)內(nèi)部定義的變量，就是局部作用域。函數(shù)作用域內(nèi)，對外是封閉的，從外層的作用域無法直接訪問函數(shù)內(nèi)部的作用域
function method(){
let value = '內(nèi)容';
}
console.log(value ) //報錯：ReferenceError:value is not defined以上就是Javascript作用域 (局部和全局作用域) 詳細(xì)介紹的詳細(xì)內(nèi)容，更多關(guān)于Javascript 作用域的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
這篇文章主要介紹了使用Mock.js生成前端測試數(shù)據(jù)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
javascript學(xué)習(xí)隨筆(編寫瀏覽器腳本 Navigator Scripting )
javascript學(xué)習(xí)隨筆(編寫瀏覽器腳本 Navigator Scripting )...2007-03-03
下面小編就為大家?guī)硪黄粋€簡單的JavaScript Map實例(分享)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
formatter 提示框浮層內(nèi)容格式器,支持字符串模板和回調(diào)函數(shù)兩種形式,下面這篇文章主要給大家介紹了關(guān)于Echarts圖表中formatter的基本用法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
js對table的td進(jìn)行相同內(nèi)容合并示例詳解
正如標(biāo)題所言如何對table的td進(jìn)行相同內(nèi)容合并，下面為大家詳細(xì)介紹下使用js是如何做到的，感興趣的朋友不要錯過2013-12-12
這篇文章主要為大家詳細(xì)介紹了JScript實現(xiàn)簡單的表格操作，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
極力推薦一款小巧玲瓏的可視化編輯器bootstrap-wysiwyg
這篇文章主要為大家極力推薦一款小巧玲瓏的可視化編輯器bootstrap-wysiwyg，是一款基于jquery和bootstrap的可視化編輯器，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要給大家介紹了關(guān)于js控制滾動條滾動的兩種簡單方法,通過JavaScript可以直接控制滾動條的位置,從而達(dá)到鎖定滾動條的效果,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07
基于javascript實現(xiàn)根據(jù)身份證號碼識別性別和年齡
這篇文章主要介紹了基于javascript實現(xiàn)根據(jù)身份證號碼識別性別和年齡的相關(guān)資料,需要的朋友可以參考下2016-01-01
在web應(yīng)用中，應(yīng)用了大量的Javascript，因此代碼的執(zhí)行效率變得尤為重要，也就是性能！為了提高JS的性能，我們應(yīng)該掌握一些基本的性能優(yōu)化方式，并讓它成為我們書寫代碼的習(xí)慣。下面介紹幾種優(yōu)化性能的方式，很多初學(xué)者甚至有經(jīng)驗的開發(fā)者也會忽略，希望對你有幫助2015-04-04