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

JavaScript 作用域?qū)嵗治?/h1>
 更新時(shí)間：2019年10月02日 11:07:58   作者：kevin.Xiang  
這篇文章主要介紹了JavaScript 作用域,結(jié)合實(shí)例形式分析了JavaScript函數(shù)作用域相關(guān)概念、原理及操作注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了JavaScript 作用域。分享給大家供大家參考，具體如下：

JavaScript  作用域

1. JavaScript 以函數(shù)作為作用域

JavaScript: 以函數(shù)做為作用域

function func(){
  if(1==1){
    var name = 'xsk'
  }
  console.log(name);
}
func()

2. 函數(shù)作用域在函數(shù)未被調(diào)用之前，已經(jīng)創(chuàng)建

JavaScript：函數(shù)作用域提前創(chuàng)建

function func(){
  if(1==1){
    var name = 'xsk'
  }
  console.log(name);
}

3. 函數(shù)的作用域在作用域鏈，并且也是在被調(diào)用之前創(chuàng)建

JavaScript：作用域鏈提前創(chuàng)建

示例一：

xo = "xsk";
function func(){
  var xo = "miy"
  function inner(){
    var xo = "nn"
    console.log(xo)
  }
  inner()
}
func()
// 輸出 nn

示例二：

xo = "xsk";
function func(){
  var xo = "miy"
  function inner(){
    console.log(xo)
  }
  return inner;
}
var ret = func()
// 輸出miy
// ret 相當(dāng)于 inner()函數(shù)

示例三：

xo = "xsk";
function func(){
  var xo = "miy"
  function inner(){
    console.log(xo)
  }
  var xo = "tony"
  return inner;
}
var ret = func()
ret()
// 輸出tony

注：作用域嵌套作用域被稱(chēng)為作用域鏈。

注：查找變量會(huì)優(yōu)先在本地作用域找，沒(méi)有在跳到下一級(jí)。

4. 函數(shù)內(nèi)局部變量提前聲明

JavaScript：函數(shù)局部變量提前聲明

示例一：

function func(){
  console.log(xxoo);
}
func();
// 報(bào)錯(cuò)

示例二：

function func(){
  console.log(xxoo);
  var xxoo = 'xsk'
}
func();
// 輸出 undefined
// 函數(shù)執(zhí)行順序，誰(shuí)在前面誰(shuí)執(zhí)行

(1)、JavaScript 當(dāng)創(chuàng)建一個(gè)函數(shù)時(shí)，會(huì)自動(dòng)生動(dòng)生成作用域鏈。

(2)、生成作用域的同時(shí)會(huì)找到所有的局部變量提前聲明。（var 變量名）

(3)、為賦值的局部變量默認(rèn)為undefined。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專(zhuān)題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • JS畫(huà)5角星方法介紹

    JS畫(huà)5角星方法介紹

    5角星想必大家并不陌生吧，在本文大家將會(huì)學(xué)習(xí)到使用JS畫(huà)5角星，感興趣的朋友可以參考下，希望對(duì)大家有所幫助
    2013-09-09
  • 原生js實(shí)現(xiàn)拼圖效果

    原生js實(shí)現(xiàn)拼圖效果

    這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)拼圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2021-08-08
  • JS動(dòng)態(tài)設(shè)置頁(yè)面高度的操作代碼

    JS動(dòng)態(tài)設(shè)置頁(yè)面高度的操作代碼

    這篇文章主要介紹了JS動(dòng)態(tài)設(shè)置頁(yè)面高度的操作代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧
    2024-04-04
  • JavaScript數(shù)組的棧方法與隊(duì)列方法詳解

    JavaScript數(shù)組的棧方法與隊(duì)列方法詳解

    這篇文章主要介紹了JavaScript數(shù)組的棧方法與隊(duì)列方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
    2016-05-05
  • js常用代碼段收集

    js常用代碼段收集

    以下是平時(shí)收集的幾個(gè)常用代碼段，大多數(shù)是從網(wǎng)上搜集而來(lái)。也均為未找到是誰(shuí)誰(shuí)原創(chuàng)，是否允許轉(zhuǎn)載等要求， 所以如果看到的朋友發(fā)現(xiàn)其中有些代碼是自己寫(xiě)的，還請(qǐng)?jiān)徳谙罗D(zhuǎn)帖出來(lái)。
    2011-10-10
  • JS 獲取滾動(dòng)條高度示例代碼

    JS 獲取滾動(dòng)條高度示例代碼

    滾動(dòng)條高度如何獲取，方法有很多，在本文將為大家詳細(xì)介紹下如何使用js做到，下面有個(gè)不錯(cuò)的示例，感興趣的朋友不要錯(cuò)過(guò)
    2013-10-10
  • 一個(gè)JavaScript防止表單重復(fù)提交的實(shí)例

    一個(gè)JavaScript防止表單重復(fù)提交的實(shí)例

    防止重復(fù)表單提交的方法有很多，本文使用JavaScript來(lái)實(shí)現(xiàn)防止表單重復(fù)提交，很簡(jiǎn)單，但很實(shí)用，新手朋友們不要錯(cuò)過(guò)
    2014-10-10
  • jquery form表單獲取內(nèi)容以及綁定數(shù)據(jù)

    jquery form表單獲取內(nèi)容以及綁定數(shù)據(jù)

    這篇文章主要介紹了jquery form表單獲取內(nèi)容以及form表單綁定數(shù)據(jù)，獲取表單的數(shù)據(jù)保存到數(shù)據(jù)庫(kù)，或者將數(shù)據(jù)綁定到form表單，感興趣的小伙伴們可以參考一下
    2016-02-02
  • 如何利用JavaScript?實(shí)現(xiàn)繼承

    如何利用JavaScript?實(shí)現(xiàn)繼承

    這篇文章主要介紹了如何利用JavaScript?實(shí)現(xiàn)繼承，JavaScript?在編程語(yǔ)言界是個(gè)特殊種類(lèi)，它和其他編程語(yǔ)言很不一樣，JavaScript可以在運(yùn)行的時(shí)候動(dòng)態(tài)地改變某個(gè)變量的類(lèi)型,下面小編將繼續(xù)介紹JavaScript如何實(shí)現(xiàn)繼承,需要的朋友可以參考下
    2022-02-02
  • chatGPT教我寫(xiě)compose函數(shù)的詳細(xì)過(guò)程

    chatGPT教我寫(xiě)compose函數(shù)的詳細(xì)過(guò)程

    這篇文章主要介紹了chatGPT教我寫(xiě)compose函數(shù),文中給大家介紹了chatGPT過(guò)程概略，本文結(jié)合實(shí)例代碼圖文給大家講解的非常詳細(xì)，需要的朋友可以參考下
    2023-02-02

最新評(píng)論