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

JavaScript 作用域實例分析

 更新時間：2019年10月02日 11:07:58   作者：kevin.Xiang  
這篇文章主要介紹了JavaScript 作用域,結合實例形式分析了JavaScript函數(shù)作用域相關概念、原理及操作注意事項,需要的朋友可以參考下

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

JavaScript  作用域

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

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

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

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

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

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

3. 函數(shù)的作用域在作用域鏈，并且也是在被調用之前創(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 相當于 inner()函數(shù)

示例三：

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

注：作用域嵌套作用域被稱為作用域鏈。

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

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

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

示例一：

function func(){
  console.log(xxoo);
}
func();
// 報錯

示例二：

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

(1)、JavaScript 當創(chuàng)建一個函數(shù)時，會自動生動生成作用域鏈。

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

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

更多關于JavaScript相關內容可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript數(shù)學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

相關文章

  • JS畫5角星方法介紹

    JS畫5角星方法介紹

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

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

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

    JS動態(tài)設置頁面高度的操作代碼

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

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

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

    js常用代碼段收集

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

    JS 獲取滾動條高度示例代碼

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

    一個JavaScript防止表單重復提交的實例

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

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

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

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

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

    chatGPT教我寫compose函數(shù)的詳細過程

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

最新評論