TS基礎(chǔ)篇3:變量

第一 : var

1、var聲明有些奇怪的作用域規(guī)則:
-----var聲明可以在包含它的函數(shù)豹缀,模塊,命名空間或全局作用域內(nèi)部任何位置被訪問

function f(shouldInitialize: boolean) {
    if (shouldInitialize) {
        var x = 10;
    }
    return x;
}
f(true);    // return '10'
f(false);   // return 'undefined'

可能引發(fā)的錯誤:多次聲明同一個變量并不會報錯,可能在代碼審查時漏掉巾乳,引發(fā)無窮的麻煩

function sumMatrix(matrix: number[][]) {
    var sum = 0;
    for (var i = 0; i < matrix.length; i++) {
        var currentRow = matrix[i];
        for (var i = 0; i < currentRow.length; i++) {
            sum += currentRow[i];
        }
    }

    return sum;
}

問題:里層的for循環(huán)會覆蓋變量i滤愕,因?yàn)樗衖都引用相同的函數(shù)作用域內(nèi)的變量
------這個版本的循環(huán)不能得到正確的結(jié)果


2、捕獲變量的怪異之處

for (var i = 0; i < 10; i++) {
    setTimeout(function() { console.log(i); }, 100 * i);
}

輸出:
10 10 10 10 10 10 10 10 10 10 10 

原因:setTimeout在若干毫秒后執(zhí)行一個函數(shù)她肯,并且是在for循環(huán)結(jié)束后佳头。 for循環(huán)結(jié)束后,i的值為10晴氨。 所以當(dāng)函數(shù)被調(diào)用的時候康嘉,它會打印出 10!

解決辦法:
使用立即執(zhí)行的函數(shù)表達(dá)式(IIFE)來捕獲每次迭代時i的值

for (var i = 0; i < 10; i++) {
    (function(i) {
        setTimeout(function() { console.log(i); }, 100 * i);
    })(i);
}

第二:let

let聲明使用的是詞法作用域或塊作用域
1籽前、變量在包含它們的塊或for循環(huán)之外是不能訪問的

function f(input: boolean) {
    if (input) {
        let b =  1;
        return b;
    }
    // Error: 'b' doesn't exist here
    return b;
}

2亭珍、變量不能在被聲明之前讀或?qū)憽?br> ---- 雖然這些變量始終“存在”于它們的作用域里,但在直到聲明它的代碼之前的區(qū)域都屬于 暫時性死區(qū)

function foo() {
    return a;
}
// 不能在'a'被聲明前調(diào)用'foo'
foo();
let a;

3枝哄、變量不能重定義
@var定義的變量是可以重定義肄梨,但之后得到最后一個

let x = 10;
let x = 20; // 錯誤,不能在1個作用域里多次聲明`x`

4挠锥、變量屏蔽
屏蔽:在一個嵌套作用域里引入一個新名字的行為

function sumMatrix(matrix: number[][]) {
    let sum = 0;
    for (let i = 0; i < matrix.length; i++) {
        var currentRow = matrix[i];
        for (let i = 0; i < currentRow.length; i++) {
            sum += currentRow[i];
        }
    }

    return sum;
}

這個版本的循環(huán)能得到正確的結(jié)果众羡,因?yàn)閮?nèi)層循環(huán)的i可以屏蔽掉外層循環(huán)的i。


5蓖租、let聲明出現(xiàn)在循環(huán)體里時擁有完全不同的行為
原理:不僅是在循環(huán)里引入了一個新的變量環(huán)境粱侣,而是針對 每次迭代都會創(chuàng)建這樣一個新作用域。** 這就是我們在使用立即執(zhí)行的函數(shù)表達(dá)式時做的事**

for (let i = 0; i < 10 ; i++) {
    setTimeout(function() {console.log(i); }, 100 * i);
}
輸出: 0 1 2 3 4 5 6 7 8 9

第三 : const

1蓖宦、與let聲明相似齐婴,但被賦值后不能再改(常量)
2、實(shí)際上const變量的內(nèi)部狀態(tài)是可修改的球昨。 幸運(yùn)的是尔店,TypeScript允許你將對象的成員設(shè)置成只讀的。


注意: let vs const

最小特權(quán)原則:所有變量除了你計劃去修改的都應(yīng)該使用const

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末主慰,一起剝皮案震驚了整個濱河市嚣州,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌共螺,老刑警劉巖该肴,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異藐不,居然都是意外死亡匀哄,警方通過查閱死者的電腦和手機(jī)秦效,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來涎嚼,“玉大人阱州,你說我怎么就攤上這事》ㄌ荩” “怎么了苔货?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長立哑。 經(jīng)常有香客問我夜惭,道長,這世上最難降的妖魔是什么铛绰? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任诈茧,我火速辦了婚禮,結(jié)果婚禮上捂掰,老公的妹妹穿的比我還像新娘敢会。我一直安慰自己,他們只是感情好尘颓,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布走触。 她就那樣靜靜地躺著,像睡著了一般疤苹。 火紅的嫁衣襯著肌膚如雪互广。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天卧土,我揣著相機(jī)與錄音惫皱,去河邊找鬼。 笑死尤莺,一個胖子當(dāng)著我的面吹牛旅敷,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播颤霎,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼媳谁,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了友酱?” 一聲冷哼從身側(cè)響起晴音,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎缔杉,沒想到半個月后锤躁,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡或详,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年系羞,在試婚紗的時候發(fā)現(xiàn)自己被綠了郭计。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡椒振,死狀恐怖昭伸,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情杠人,我是刑警寧澤勋乾,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站嗡善,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏学歧。R本人自食惡果不足惜罩引,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望枝笨。 院中可真熱鬧袁铐,春花似錦、人聲如沸横浑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽徙融。三九已至洒缀,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間欺冀,已是汗流浹背树绩。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留隐轩,地道東北人饺饭。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像职车,于是被迫代替她去往敵國和親瘫俊。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line)悴灵,也就是一...
    悟名先生閱讀 4,153評論 0 13
  • let 命令 塊級作用域 const 命令 頂層對象的屬性 global 對象 let 命令 基本用法 ES6 新...
    嘉奇呦_nice閱讀 1,635評論 0 2
  • Lua 5.1 參考手冊 by Roberto Ierusalimschy, Luiz Henrique de F...
    蘇黎九歌閱讀 13,836評論 0 38
  • 什么時候開始努力成為更好的自己称勋,最好是十年前胸哥,其次是現(xiàn)在。 1.知道你想要什么 轉(zhuǎn)眼間快大三了赡鲜,我用了兩年的渾渾噩...
    趙小翀閱讀 805評論 24 36
  • 樊遲問知空厌,子曰:“務(wù)民之義庐船,敬鬼神而遠(yuǎn)之,可謂知矣嘲更】鹬樱”問仁,曰:“仁者先難而后獲赋朦,可謂仁矣篓冲。” 敬而遠(yuǎn)之是一種人生...
    碧空遠(yuǎn)影601閱讀 897評論 0 2