欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解JavaScript 作用域

 更新時(shí)間:2020年07月14日 16:40:00   作者:菜鳥(niǎo)教程  
這篇文章主要介紹了JavaScript 作用域的相關(guān)資料,文中講解非常詳細(xì),幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下

作用域是可訪問(wèn)變量的集合。

JavaScript 作用域

在 JavaScript 中, 對(duì)象和函數(shù)同樣也是變量。

在 JavaScript 中, 作用域?yàn)榭稍L問(wèn)變量,對(duì)象,函數(shù)的集合。

JavaScript 函數(shù)作用域: 作用域在函數(shù)內(nèi)修改。

JavaScript 局部作用域

變量在函數(shù)內(nèi)聲明,變量為局部作用域。

局部變量:只能在函數(shù)內(nèi)部訪問(wèn)。

// 此處不能調(diào)用 carName 變量
function myFunction() {
  var carName = "Volvo";
  // 函數(shù)內(nèi)可調(diào)用 carName 變量
}

因?yàn)榫植孔兞恐蛔饔糜诤瘮?shù)內(nèi),所以不同的函數(shù)可以使用相同名稱的變量。

局部變量在函數(shù)開(kāi)始執(zhí)行時(shí)創(chuàng)建,函數(shù)執(zhí)行完后局部變量會(huì)自動(dòng)銷毀。

JavaScript 全局變量

變量在函數(shù)外定義,即為全局變量。

全局變量有 全局作用域: 網(wǎng)頁(yè)中所有腳本和函數(shù)均可使用。

var carName = " Volvo";
 
// 此處可調(diào)用 carName 變量
function myFunction() {
  // 函數(shù)內(nèi)可調(diào)用 carName 變量
}

如果變量在函數(shù)內(nèi)沒(méi)有聲明(沒(méi)有使用 var 關(guān)鍵字),該變量為全局變量。

以下實(shí)例中 carName 在函數(shù)內(nèi),但是為全局變量。

// 此處可調(diào)用 carName 變量
 
function myFunction() {
  carName = "Volvo";
  // 此處可調(diào)用 carName 變量
}

JavaScript 變量生命周期

JavaScript 變量生命周期在它聲明時(shí)初始化。

局部變量在函數(shù)執(zhí)行完畢后銷毀。

全局變量在頁(yè)面關(guān)閉后銷毀。

函數(shù)參數(shù)

函數(shù)參數(shù)只在函數(shù)內(nèi)起作用,是局部變量。

HTML 中的全局變量

在 HTML 中, 全局變量是 window 對(duì)象: 所有數(shù)據(jù)變量都屬于 window 對(duì)象。

//此處可使用 window.carName
 
function myFunction() {
  carName = "Volvo";
}

你知道嗎?

你的全局變量,或者函數(shù),可以覆蓋 window 對(duì)象的變量或者函數(shù)。
局部變量,包括 window 對(duì)象可以覆蓋全局變量和函數(shù)。

補(bǔ)充

ES6 中的 let 關(guān)鍵字

let 允許你聲明一個(gè)作用域被限制在塊級(jí)中的變量、語(yǔ)句或者表達(dá)式。與var關(guān)鍵字不同的是,它聲明的變量只能是全局或者整個(gè)函數(shù)塊的。

let 語(yǔ)法:

let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];

let 聲明的變量只在其聲明的塊或子塊中可用,這一點(diǎn),與 var 相似。二者之間最主要的區(qū)別在于 var 聲明的變量的作用域是整個(gè)封閉函數(shù)。

let 和 var 的區(qū)別代碼實(shí)例:

function varTest() {
 var x = 1;
 if (true) {
  var x = 2; // 同樣的變量!
  console.log(x); // 2
 }
 console.log(x); // 2
}

function letTest() {
 let x = 1;
 if (true) {
  let x = 2; // 不同的變量
  console.log(x); // 2
 }
 console.log(x); // 1
}

以上就是詳解JavaScript 作用域的詳細(xì)內(nèi)容,更多關(guān)于JavaScript 作用域的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • js利用FileReader讀取本地文件或者blob方式

    js利用FileReader讀取本地文件或者blob方式

    這篇文章主要介紹了js利用FileReader讀取本地文件或者blob方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2021-12-12
  • js中的面向?qū)ο笕腴T(mén)

    js中的面向?qū)ο笕腴T(mén)

    本文主要介紹了js中的面向?qū)ο蟮南嚓P(guān)知識(shí),具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
    2017-03-03
  • JS實(shí)現(xiàn)的對(duì)象去重功能示例

    JS實(shí)現(xiàn)的對(duì)象去重功能示例

    這篇文章主要介紹了JS實(shí)現(xiàn)的對(duì)象去重功能,結(jié)合實(shí)例形式分析了javascript針對(duì)json對(duì)象的遍歷、判斷、運(yùn)算實(shí)現(xiàn)去重功能相關(guān)操作技巧,需要的朋友可以參考下
    2019-06-06
  • 純JavaScript實(shí)現(xiàn)的分頁(yè)插件實(shí)例

    純JavaScript實(shí)現(xiàn)的分頁(yè)插件實(shí)例

    這篇文章主要介紹了純JavaScript實(shí)現(xiàn)的分頁(yè)插件,涉及javascript結(jié)合php動(dòng)態(tài)實(shí)現(xiàn)分頁(yè)效果的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-07-07
  • 詳解JavaScript 事件流

    詳解JavaScript 事件流

    這篇文章主要介紹了JavaScript 事件流的相關(guān)資料,幫助大家更好的理解和學(xué)習(xí)JavaScript,感興趣的朋友可以了解下
    2020-09-09
  • ECMAScript6塊級(jí)作用域及新變量聲明(let)

    ECMAScript6塊級(jí)作用域及新變量聲明(let)

    這篇文章主要介紹了ECMAScript6塊級(jí)作用域及新變量聲明(let) 的相關(guān)資料,需要的朋友可以參考下
    2015-06-06
  • bootstrap導(dǎo)航、選項(xiàng)卡實(shí)現(xiàn)代碼

    bootstrap導(dǎo)航、選項(xiàng)卡實(shí)現(xiàn)代碼

    這篇文章主要為大家詳細(xì)介紹了bootstrap導(dǎo)航、選項(xiàng)卡的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • BootStrap響應(yīng)式導(dǎo)航條實(shí)例介紹

    BootStrap響應(yīng)式導(dǎo)航條實(shí)例介紹

    響應(yīng)式導(dǎo)航條就是可以在不同的設(shè)備下查看不同的效果。這篇文章主要介紹了BootStrap響應(yīng)式導(dǎo)航條實(shí)例介紹的相關(guān)資料,小編認(rèn)為本文介紹的非常的不錯(cuò),特此分享給大家,供大家參考
    2016-05-05
  • 基于JS實(shí)現(xiàn)9種不同的面包屑和分布式多步驟導(dǎo)航效果

    基于JS實(shí)現(xiàn)9種不同的面包屑和分布式多步驟導(dǎo)航效果

    本文是小編給大家分享的基于js實(shí)現(xiàn)的9種不同風(fēng)格的面包屑和分布式多步驟導(dǎo)航效果,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下
    2017-02-02
  • JS+CSS繪制棋盤(pán)格的示例代碼

    JS+CSS繪制棋盤(pán)格的示例代碼

    在這篇文章中,將為大家展示如何使用css Flex-box和一些JavaScript來(lái)設(shè)計(jì)棋盤(pán)。文中的示例代碼講解詳細(xì),感興趣的可以了解一下
    2022-05-05

最新評(píng)論