国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

只給你5分鐘，掌握var，let和const異同

lookSomeone / 1888人閱讀

摘要：用聲明的變量，其可用范圍在當(dāng)前執(zhí)行上下文。在函數(shù)外聲明的變量，其作用范圍是全局。拋出語(yǔ)法錯(cuò)誤錯(cuò)誤信息未捕獲的異常標(biāo)識(shí)符已經(jīng)被聲明過(guò)。例如輸出照例，命名規(guī)范指出我們應(yīng)該用大寫(xiě)字母聲明常量。為了讓代碼長(zhǎng)期可維護(hù)，命名規(guī)范還是值得遵守的。

轉(zhuǎn)載請(qǐng)注明出處：葡萄城官網(wǎng)，葡萄城為開(kāi)發(fā)者提供專(zhuān)業(yè)的開(kāi)發(fā)工具、解決方案和服務(wù)，賦能開(kāi)發(fā)者。
原文出處：https://dzone.com/articles/ja...

這個(gè)話(huà)題對(duì)于一些老鳥(niǎo)來(lái)說(shuō)可能根本算不上疑問(wèn)，但對(duì)于新手來(lái)說(shuō)也許除了最常見(jiàn)的var之外，let和const較少使用的機(jī)會(huì)。

所以在本文中，我將會(huì)通過(guò)一些例子來(lái)為大家介紹如何在Javascript中靈活使用var、let和const這些關(guān)鍵字來(lái)定義變量，以及這些關(guān)鍵字它們之間有什么異同。

如果你懶得看下面的代碼，那我可以先把概念結(jié)論說(shuō)出：

var定義的變量可被更改，如果不初始化而直接使用也不會(huì)報(bào)錯(cuò)

let定義的變量和var類(lèi)似，但作用域在當(dāng)前聲明的范圍內(nèi)

const定義的變量只可初始化一次且作用域內(nèi)不可被更改，使用前必須初始化

下面我將通過(guò)示例的形式來(lái)詳細(xì)為大家介紹它們?nèi)咧g的異同：

Var

var用以聲明一個(gè)變量，并且同時(shí)我們可以在聲明語(yǔ)句中初始化所聲明的變量。

例如：

var a = 10;

變量的聲明，會(huì)在代碼被執(zhí)行之前被處理。

用var聲明的JavaScript變量，其可用范圍在當(dāng)前執(zhí)行上下文。

在函數(shù)外聲明的JavaScript變量，其作用范圍是全局。

考慮以下代碼片段：

function nodeSimplified() {
  var a =10;
  console.log(a);  // 輸出 10
  if(true) {
   var a=20;
   console.log(a); // 輸出 20
  }
  console.log(a);  // 輸出 20
}

在上面的代碼中，你可以發(fā)現(xiàn)，當(dāng)變量a在if代碼段里被更新時(shí)，它的值被全局更新了，因此在經(jīng)過(guò)了if代碼后，被更新的值仍然被保留著。這與其他語(yǔ)言中的全局變量有點(diǎn)類(lèi)似。但是，在使用這個(gè)功能時(shí)要非常小心，因?yàn)樗锌赡軙?huì)覆蓋一個(gè)已有的值。

let

let語(yǔ)句在一個(gè)塊級(jí)范圍里聲明一個(gè)局部變量。和var類(lèi)似，我們可以在聲明時(shí)初始化它的值。

例如：

let a = 10;

這個(gè)語(yǔ)句允許你創(chuàng)建一個(gè)變量，使它的作用范圍被限制在它所在的代碼塊。
它和Java、C#等其他語(yǔ)言的變量類(lèi)似。
考慮下面的代碼片段：

function nodeSimplified() {
  let a =10;
  console.log(a);  // output 10
  if(true) {
   let a=20;
   console.log(a); // output 20
  }
  console.log(a);  // output 10
}

它和大多數(shù)語(yǔ)言中我們所見(jiàn)的表現(xiàn)行為是一致的。

function nodeSimplified() {
  let a =10;
  let a =20; // 拋出語(yǔ)法錯(cuò)誤
  console.log(a); 
}

錯(cuò)誤信息:"未捕獲的異常:標(biāo)識(shí)符"a"已經(jīng)被聲明過(guò)。" 但如果使用var就沒(méi)事：

function nodeSimplified() { 
  var a =10;   
  var a =20;   
  console.log(a);  // 輸出 20 
}

使用let語(yǔ)句，可以很好的維護(hù)變量的作用范圍。當(dāng)使用內(nèi)部函數(shù)時(shí)，let語(yǔ)句讓你的代碼更整潔。

我希望上面的例子能幫你更好地理解var和 let。如果有任何疑問(wèn)，請(qǐng)?jiān)谠u(píng)論區(qū)留言。

const

const語(yǔ)言中的變量只能被賦值一次，然后就不能在被賦值。const語(yǔ)句的作用范圍和let語(yǔ)句一樣。

例如：

const a = 10;
function nodeSimplified() {
  const MY_VARIABLE =10;
  console.log(MY_VARIABLE);  // 輸出 10 
}

照例，命名規(guī)范指出我們應(yīng)該用大寫(xiě)字母聲明常量。當(dāng)然，const a = 10 在上面的代碼中會(huì)的起到相同的作用。為了讓代碼長(zhǎng)期可維護(hù)，命名規(guī)范還是值得遵守的。

問(wèn)題:如果給一個(gè)const變量重新賦值會(huì)發(fā)生什么？ 考慮下面的代碼：

function nodeSimplified() {
  const MY_VARIABLE =10;
  console.log(MY_VARIABLE);  // 輸出 10
  MY_VARIABLE =20;           // 拋出類(lèi)型錯(cuò)誤
  console.log(MY_VARIABLE); 
}

錯(cuò)誤信息:"未捕獲的類(lèi)型錯(cuò)誤:給const變量賦值"。

當(dāng)我們嘗試給已有的const變量賦值時(shí)，這段代碼會(huì)拋出一個(gè)錯(cuò)誤。

介紹就到此結(jié)束，希望這篇短小精悍的文章能夠幫助到各位更好的理解在Javascript中聲明變量時(shí)使用不同關(guān)鍵字上到底有何異同。

本文是由葡萄城技術(shù)開(kāi)發(fā)團(tuán)隊(duì)發(fā)布，轉(zhuǎn)載請(qǐng)注明出處：葡萄城官網(wǎng)

了解更多

靈活高效的前端開(kāi)發(fā)工具包，可快速搭建企業(yè) Web 應(yīng)用程序

可嵌入您系統(tǒng)的在線(xiàn) Excel，SpreadJS純前端表格控件

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/97912.html

相關(guān)文章

  • 30分鐘掌握ES6/ES2015核心內(nèi)容（上）

    摘要：以下簡(jiǎn)稱(chēng)是語(yǔ)言的下一代標(biāo)準(zhǔn)。的繼承機(jī)制，實(shí)質(zhì)是先創(chuàng)造父類(lèi)的實(shí)例對(duì)象所以必須先調(diào)用方法，然后再用子類(lèi)的構(gòu)造函數(shù)修改。總結(jié)以上就是最常用的一些語(yǔ)法，可以說(shuō)這的語(yǔ)法，在的日常使用中占了追加十分鐘好的嗎分鐘掌握核心內(nèi)容下 ECMAScript 6（以下簡(jiǎn)稱(chēng)ES6）是JavaScript語(yǔ)言的下一代標(biāo)準(zhǔn)。因?yàn)楫?dāng)前版本的ES6是在2015年發(fā)布的，所以又稱(chēng)ECMAScript 2015。 也就是說(shuō)...

    YPHP 評(píng)論0 收藏0

  • 對(duì)比let、const、var的異同

    摘要：和的區(qū)別作用域是函數(shù)體的全部聲明變量提升循環(huán)內(nèi)變量過(guò)度共享循環(huán)本身及三次回調(diào)均共享唯一的變量。 let、const和var的區(qū)別 var : 作用域是函數(shù)體的全部,聲明變量提升 console.log(num);//undefined var num = 2 //循環(huán)內(nèi)變量過(guò)度共享 for (var i = 0; i < 4; i++) { alert(i);...

    Andrman 評(píng)論0 收藏0

  • 5 分鐘即可掌握的 JavaScript 裝飾者模式與 AOP

    摘要：下裝飾者的實(shí)現(xiàn)了解了裝飾者模式和的概念之后，我們寫(xiě)一段能夠兼容的代碼來(lái)實(shí)現(xiàn)裝飾者模式原函數(shù)拍照片定義函數(shù)裝飾函數(shù)加濾鏡用裝飾函數(shù)裝飾原函數(shù)這樣我們就實(shí)現(xiàn)了抽離拍照與濾鏡邏輯，如果以后需要自動(dòng)上傳功能，也可以通過(guò)函數(shù)來(lái)添加。 showImg(https://segmentfault.com/img/bVbueyz?w=852&h=356); 什么是裝飾者模式 當(dāng)我們拍了一張照片準(zhǔn)備發(fā)朋友...

    chunquedong 評(píng)論0 收藏0

  • 30分鐘掌握ES6/ES2015核心內(nèi)容

    摘要：以下簡(jiǎn)稱(chēng)是語(yǔ)言的下一代標(biāo)準(zhǔn)。因?yàn)楫?dāng)前版本的是在年發(fā)布的，所以又稱(chēng)。用它所聲明的變量，只在命令所在的代碼塊內(nèi)有效。的繼承機(jī)制，實(shí)質(zhì)是先創(chuàng)造父類(lèi)的實(shí)例對(duì)象所以必須先調(diào)用方法，然后再用子類(lèi)的構(gòu)造函數(shù)修改。 ECMAScript 6（以下簡(jiǎn)稱(chēng)ES6）是JavaScript語(yǔ)言的下一代標(biāo)準(zhǔn)。因?yàn)楫?dāng)前版本的ES6是在2015年發(fā)布的，所以又稱(chēng)ECMAScript 2015。 也就是說(shuō)，ES6就是E...

    LucasTwilight 評(píng)論0 收藏0

  • [原創(chuàng)][連載]nim與python的異同3

    摘要：變量常量綁定無(wú)特定關(guān)鍵字直接設(shè)值將一個(gè)文字列放到名為的變量里的類(lèi)型由文字列上面定義的正則表達(dá)式變成了整數(shù)這里就帶來(lái)一個(gè)在大工程里很容易帶來(lái)困擾的問(wèn)題理解代碼不得不受制于類(lèi)型極易變的變量要理解代碼所必需的工作量極大可變變量前綴將變量與 變量(常量)綁定 python無(wú)特定關(guān)鍵字,直接設(shè)值a = r^s*(d{4}-d{2}-d{2})s{1,2}(.+)$ # 將一個(gè)文字列放到名為a的...

    GraphQuery 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<