成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

前端學(xué)習(xí)日記（一）javascript基礎(chǔ)：變量的作用域

rollback / 1440人閱讀

摘要：張三李四李四李四鏈?zhǔn)阶饔糜蚝瘮?shù)包含在函數(shù)中，這是函數(shù)所有局部變量對函數(shù)可見，但是相反是不行的。局部變量必須使用聲明，否則聲明的是全局變量。父級函數(shù)變量對所有子函數(shù)可見，子函數(shù)會一級一級向上尋找變量。

引言

一直從事服務(wù)端開發(fā)。由于近年來前端迅速發(fā)展，所以想入坑前端行列，雖然一直有接觸并開發(fā)前端相關(guān)的項(xiàng)目，但是想要做前端的工作決定系統(tǒng)的學(xué)習(xí)一下前端，就先從變量開始吧！

變量的作用域

在js中變量的作用域只有兩種，全局變量、局部變量

全局變量
在函數(shù)內(nèi)，全局變量可以直接訪問

// 全局變量
var name = "張三"

function showName() {
  console.log(name);
}

showName(); // 張三

局部變量
自然局部變量不可以在函數(shù)外部訪問

// 局部變量
function showName2() {
  var name2 = "李四"
}

console.log(name2) // error: Uncaught ReferenceError: name2 is not defined

聲明局部變量必須使用 var，否則聲明的則是全局變量

// 局部變量
function showName3() {
  name3 = "王五"
}

showName3();

console.log(name3) // 王五

如果局部變量與全部變量名稱一樣會怎么樣呢？
js 不會像服務(wù)端語言那樣名稱一樣會產(chǎn)生沖突。通過下面的例子看到，函數(shù)會先找局部變量，也就是說局部變量的優(yōu)先級要比全局變量的優(yōu)先級要高。

var name = "張三"

function showName() {
  var name = "李四"
  console.log(name) // 李四
}

showName();

console.log(name) // 王五

剛才說過局部變量必須使用var聲明，否則聲明的是全局變量。如果已存在相同名稱的全局變量會怎么樣呢？
在函數(shù)執(zhí)行后，會改變?nèi)肿兞康闹怠?/p> 

var name = "張三"

function showName() {
  name = "李四"
  console.log(name) // 李四
}

showName();

console.log(name) // 李四

鏈?zhǔn)阶饔糜?/strong>
showName2 函數(shù)包含在 showName 函數(shù)中，這是 showName 函數(shù)所有局部變量對 showName2 函數(shù)可見，但是相反是不行的。
通過情景三，可以看出來子函數(shù)回向父級一級一級尋找變量，所有父級的變量對子級都是可見的，這就是js的 “鏈?zhǔn)阶饔糜颉?/p> 

// 情景一
function showName() {
  var name = "張三"
  function showName2() {
    var name = "李四"
    return name
  }
  return showName2()
}

var result = showName()
console.log(result) // 李四
// 情景二
function showName() {
  var name = "張三";
  function showName2() {
    return name;
  }
  return showName2()
}

var result = showName()
console.log(result) // 張三
// 情景三
function showName() {
  var name = "張三";
  function showName2() {
    function showName3() {
      return name;
    }
    return showName3()
  }
  return showName2();
}

var result = showName()
console.log(result) // 張三
結(jié)

js 作用域分全局變量與局部變量。

局部變量必須使用 var 聲明，否則聲明的是全局變量。

函數(shù)可以直接訪問全局變量，外部不可使用局部變量。

全局變量與局部變量名稱可以重復(fù)，局部變量優(yōu)先級更高。

父級函數(shù)變量對所有子函數(shù)可見，子函數(shù)會一級一級向上尋找變量。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/103238.html

相關(guān)文章

  • 我的前端面試日記（一）

    摘要：組件化編碼的一切都是基于組件的。屬性返回目標(biāo)節(jié)點(diǎn)的前一個(gè)兄弟節(jié)點(diǎn)。如果目標(biāo)節(jié)點(diǎn)前面沒有同屬于一個(gè)父節(jié)點(diǎn)的節(jié)點(diǎn)，將返回屬性是一個(gè)只讀屬性。而當(dāng)變量離開環(huán)境時(shí)，則將其標(biāo)記為離開環(huán)境。 第一次寫面試經(jīng)歷，雖然之前有過一些電話面試經(jīng)歷，但相對而言感覺此次的經(jīng)歷對自己收獲還是比較大，這里留下面經(jīng)當(dāng)作日記吧?。嬖嚂r(shí)間：2018-6-12 下午2:10；時(shí)長：50min；公司：*） 1、說說Rea...

    warkiz 評論0 收藏0

  • 我的前端面試日記（一）

    摘要：組件化編碼的一切都是基于組件的。屬性返回目標(biāo)節(jié)點(diǎn)的前一個(gè)兄弟節(jié)點(diǎn)。如果目標(biāo)節(jié)點(diǎn)前面沒有同屬于一個(gè)父節(jié)點(diǎn)的節(jié)點(diǎn)，將返回屬性是一個(gè)只讀屬性。而當(dāng)變量離開環(huán)境時(shí)，則將其標(biāo)記為離開環(huán)境。 第一次寫面試經(jīng)歷，雖然之前有過一些電話面試經(jīng)歷，但相對而言感覺此次的經(jīng)歷對自己收獲還是比較大，這里留下面經(jīng)當(dāng)作日記吧！（面試時(shí)間：2018-6-12 下午2:10；時(shí)長：50min；公司：*） 1、說說Rea...

    zhunjiee 評論0 收藏0

  • 前端學(xué)習(xí)日記（二）javascript基礎(chǔ)：閉包是什么？

    摘要：閉包在解釋閉包，指的是詞法表示包括不被計(jì)算的變量的函數(shù)，也就是說，函數(shù)可以使用函數(shù)之外定義的變量。再把這個(gè)函數(shù)賦值給多個(gè)變量執(zhí)行時(shí)，會依次創(chuàng)建多個(gè)閉包引入的變量副本，并且相互不會污染。 閉包在 ECMAScript 解釋 閉包，指的是詞法表示包括不被計(jì)算的變量的函數(shù)，也就是說，函數(shù)可以使用函數(shù)之外定義的變量。地址： https://www.w3cschool.cn/ecma... 下面...

    flybywind 評論0 收藏0

  • 前端面試日記（二）

    摘要：面試時(shí)間晚上時(shí)長小時(shí)分鐘公司，一面一簡單的介紹下自己介紹的真的很簡單。。。。。。二平時(shí)都是怎么學(xué)習(xí)前端的學(xué)習(xí)前端的話，我主要是以書籍為主然后是網(wǎng)站視頻博客文檔等學(xué)習(xí)理論，之后再通過代碼實(shí)踐。。。 大概是在6月11號在Boss直聘投的簡歷，6月12號中午收到電話約的面試時(shí)間，剛開始說是13號晚上7點(diǎn)；后面可能時(shí)間有變，中午來了個(gè)電話說改到9-10點(diǎn)；怎么說算是第一次面試自己目標(biāo)公司之一吧...

    huayeluoliuhen 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<