JavaScript 回顧學習：變量

KitorinZero 發布于2019-08-22 18:03 / 3332人閱讀

摘要：變量的分類全局變量可以在任何地方使用的變量局部變量在函數內聲明的變量只在函數內有定義，作用域是局部性的什么時候使用當一個數據需要被反復使用時，就要先保存在變量中。

第一篇回顧學習，變量

什么是變量

變量就是在內存中刨一個坑存“一個”數據，再給這個坑起個名。
為什么要給“一個”加引號呢，因為JavaScript是松散類型的，即一個變量可以用來保存任何類型的數據。
變量的分類：
全局變量：可以在任何地方使用的變量；
局部變量：在函數內聲明的變量只在函數內有定義，作用域是局部性的

什么時候使用

當一個數據需要被反復使用時，就要先保存在變量中。

怎么用

聲明變量

var 變量名 ；
例：var keng
這樣我就聲明了一個叫keng的變量；變量名有一定的要求大概總結為一下幾點

不能以數字開頭

語義化

不能用保留字

在es6中還有兩種聲明變量的方式（IE11）
let：聲明塊級作用域的變量,通俗的理解就是花括號就是它的作用域
const：聲明常量：需在聲明時直接賦值，聲明為基礎類型不可改變。聲明為引用類型不可重寫。

賦值

keng = "坑"
將上文中聲明的keng賦值為字符串"坑"；
也可以在聲明時直接賦值變量，如：var keng2 = "第二個坑"
不經過聲明也可以直接賦值變量，但不推薦這么做，因為這樣的變量會默認為全局變量（在嚴格模式下會報錯）
如 keng3 = "沒有聲明就賦值的第三個坑是沒有靈魂的坑"
如果僅聲明而沒有賦值的變量，默認值為：undefined 在后面數據類型會詳細說~。~
可以同時聲明多個變量，并直接賦值，用逗號隔開即可。如上文中的三個坑可以這樣寫

var keng = "坑",
    keng2 = "第二個坑",
    keng3 = "沒有聲明就賦值的第三個坑是沒有靈魂的坑"

可以寫成一行，這樣寫是為了提高可讀性

變量作用域

上文中說到的全局變量和局部變量即為變量作用域的基本概念
需要注意的是

局部變量的優先級高于同名的全局變量，即如果在函數內聲明一個局部變量或者函數參數中帶有的變量和全局變量重名，那么全局變量會被局部變量所遮蓋。

var keng = "坑是個好坑，能不能用就不知道了";
function changeKeng(){
    var keng = "好坑也不用你";
    return keng;
}
changeKeng();  // "好坑也不用你"

聲明提前
在局部作用域聲明變量的時候會將變量提升至當前作用域的頂部。
敲個栗子：

var keng = "這是個全局的坑";
function quanyikuaidi(){
    console.log(keng);   // 輸出 "undefine" 而不是 "這是一個全局的坑"
    var keng = "圈一塊地里的坑";
    console.log(keng);   // 輸出 "圈一塊地里的坑"
}

以上代碼等同于

var keng = "這是個全局的坑";
function quanyikuaidi(){
    var keng;               // 在函數頂部聲明變量 keng
    console.log(keng);      // 變量存在還沒有賦值，默認值為undefined
    keng = "圈一塊地里的坑"; // 給變量 keng 賦值
    console.log(keng);      // 輸出 "圈一塊地里的坑"
}

結語

到這里變量的部分就OK了，其他的部分敬請期待了，目錄傳送門，沒有連接的證明本寶寶還沒寫，哈哈哈哈哈
本人公眾號二維碼歡迎關注哈：

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95451.html

JavaScript回顧學習：數據類型

摘要：本篇文章將回顧學習種基本類型和及數據類型之間的轉化。如果不能，再調用對象的方法，再測試返回值是否可以被轉化為數值。首先可以用于任何數據類型，另外兩個則是專門用于把字符串轉換成數值。概述 ECMAScript中有5中基本數據類型：Undefined,Null,Boolean,Number,String,還有一種復雜數據類型對象(Object)，Object本質上是由一組無序的名值對組成...

youkede 2019-08-26 10:22 評論0 收藏0
JavaScript回顧學習：目錄篇

摘要：前言之前說要重頭開始復習，之前一直都在忙著找工作面試，現在工作也終于是找到了，雖然不那么盡人意，但總算有個歸屬，一段時間的適應也有了自己穩定的時間規劃，為了給懶惰捉急的自己一個前行的動力，這一篇的回顧學習目錄篇也就這樣提上了日程。前言之前說要重頭開始復習js，之前一直都在忙著找工作面試，現在工作也終于是找到了，雖然不那么盡人意，但總算有個歸屬，一段時間的適應也有了自己穩定的時間規劃...

luckyw 2019-08-26 11:57 評論0 收藏0
前端每周清單第 43 期：2017 JavaScript 回顧、Rust 與 WebAssembly

摘要：楊冀龍是安全焦點民間白帽黑客組織核心成員，被浪潮之巔評為中國新一代黑客領軍人物之一他在本文中依次分享了對于黑客的定義如何從黑客成為一名安全創業者技術創業踩過的坑給技術創業者建議等內容。 showImg(https://segmentfault.com/img/remote/1460000012377230?w=1240&h=796); 前端每周清單專注前端領域內容，以對外文資料的搜集為...

xorpay 2019-08-22 11:15 評論0 收藏0
javascript基礎篇小結

摘要：表示尚未存在的對象是一個有特殊意義的值。可以為變量賦值為，此時變量的值為已知狀態不是，即。用來初始化變量，清除變量內容，釋放內存結果為但含義不同。且它倆與所有其他值比較的結果都是。，需要兩個操作數同時轉為。轉載請聲明出處博客原文隨手翻閱以前的學習筆記，順便整理一下放在這里，方便自己復習，也希望你有也有幫助吧第一課時入門基礎知識點：操作系統就是個應用程序只要是應用...

hiyang 2019-08-21 14:31 評論0 收藏0
2018年前端開發回顧

摘要：在整個年，看到發布版增加了許多功能，包括新的生命周期方法新的上下文指針事件延遲函數和。它在等待渲染異步響應時數據，是延遲函數背后用來管理組件的代碼分割的。發布自第版開始將近年后，于年發布。前端發展發展迅速,非常的快。本文將回顧2018年一些重要的前端新聞，事件和 JavaScript 趨勢。想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你！ showImg(ht...

crelaber 2019-08-23 14:12 評論0 收藏0