安全導(dǎo)航運算符和非空斷言

  • 安全導(dǎo)航運算符

即使變量不存在時典挑,也不報錯。可以對屬性出現(xiàn)null和undefined值進(jìn)行保護(hù)曙寡,以防止視圖渲染失敗

安全導(dǎo)航運算符是ES2020中的新語法,又叫可選鏈

<p>The hero name is :{{Hero?.name}}</p>

當(dāng)item為null時寇荧,視圖仍然渲染举庶,顯示的值為The hero name is :, 直到后面的name請求出來。

  • 非空斷言

在ts中揩抡,開啟--strictNullChecks后户侥,將一個可能是undefiendnull的變量賦給一個有確切類型的變量時,會報錯峦嗤;但在特定情況下蕊唐,我們很確定那個變量一定不是undefinednull,此時可以用非空斷言操作符

用了這個操作符的變量寻仗,ts則不必再操心刃泌,這個變量一定是有值的。非空斷言生效的前提是開啟--strictNullChecks

  1. tsconfig.json中設(shè)置"strictNullChecks:true"
  2. tslint.json中設(shè)置"no-non-null-assertion:false"
name : string | null = ''
constructor(){
    //報錯署尤,this.name可能為null耙替,所以不允許賦值給heroName
    const hreoName : string = this.name;
    
    //沒毛病,因為告訴了ts,這里的this.name一定不是null
    const hreoName : string = this.name!;
    
    //以上寫法相當(dāng)于
    if(this.name){
        const heroName : string = this.name;
    }
}
  • 類型轉(zhuǎn)換函數(shù) $any()

有時候曹体,綁定的表達(dá)式不能或很難指定類型俗扇。要消除這種報錯,你可以使用 $any() 轉(zhuǎn)換函數(shù)來把表達(dá)式轉(zhuǎn)換成 any 類型

假設(shè)無法確定item的類型箕别,也就不能確定item是否有bestByDate铜幽,這時就會報錯滞谢,可以用$any()item視為any類型,避免其報錯

<p>The item's undeclared best by date is: {{$any(item).bestByDate}}</p>

也可以用這個函數(shù)綁定組件中不存在的變量

<p>The item's undeclared best by date is: {{$any(this).bestByDate}}</p>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末除抛,一起剝皮案震驚了整個濱河市狮杨,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌到忽,老刑警劉巖橄教,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異喘漏,居然都是意外死亡护蝶,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進(jìn)店門翩迈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來持灰,“玉大人,你說我怎么就攤上這事负饲〉炭” “怎么了?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵返十,是天一觀的道長姨涡。 經(jīng)常有香客問我,道長吧慢,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任赏表,我火速辦了婚禮检诗,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘瓢剿。我一直安慰自己逢慌,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布间狂。 她就那樣靜靜地躺著攻泼,像睡著了一般。 火紅的嫁衣襯著肌膚如雪鉴象。 梳的紋絲不亂的頭發(fā)上忙菠,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天,我揣著相機(jī)與錄音纺弊,去河邊找鬼牛欢。 笑死,一個胖子當(dāng)著我的面吹牛淆游,可吹牛的內(nèi)容都是我干的傍睹。 我是一名探鬼主播隔盛,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼拾稳!你這毒婦竟也來了吮炕?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤访得,失蹤者是張志新(化名)和其女友劉穎龙亲,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體震鹉,經(jīng)...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡俱笛,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了传趾。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片迎膜。...
    茶點故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖浆兰,靈堂內(nèi)的尸體忽然破棺而出磕仅,到底是詐尸還是另有隱情,我是刑警寧澤簸呈,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布榕订,位于F島的核電站,受9級特大地震影響蜕便,放射性物質(zhì)發(fā)生泄漏劫恒。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一轿腺、第九天 我趴在偏房一處隱蔽的房頂上張望两嘴。 院中可真熱鬧,春花似錦族壳、人聲如沸憔辫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽贰您。三九已至,卻和暖如春拢操,著一層夾襖步出監(jiān)牢的瞬間锦亦,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工庐冯, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留孽亲,地道東北人。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓展父,卻偏偏與公主長得像返劲,于是被迫代替她去往敵國和親玲昧。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,960評論 2 355

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

  • 安裝 使用 在命令行上篮绿,運行TypeScript編譯器:輸出結(jié)果為一個a.js文件孵延,它包含了和輸入文件中相同的Ja...
    woow_wu7閱讀 2,436評論 0 1
  • 一、 顯示數(shù)據(jù) ng的模版中亲配,默認(rèn)用雙大括號{{}}綁定組件中的變量顯示出來 模板來源 ng的模版和樣式可以是內(nèi)聯(lián)...
    Daeeman閱讀 972評論 0 3
  • Typescript是由微軟開發(fā)的一款開源的編程語言Typescript是Javascript的超集尘应,遵循最新的E...
    成熟穩(wěn)重的李先生閱讀 99評論 0 0
  • TypeScipt中為了使編寫的代碼更加規(guī)范,更有利于維護(hù)吼虎,增加了類型校驗犬钢,所以以后寫ts代碼必須要指定類型 在T...
    淺憶_0810閱讀 451評論 0 1
  • 久違的晴天,家長會思灰。 家長大會開好到教室時玷犹,離放學(xué)已經(jīng)沒多少時間了。班主任說已經(jīng)安排了三個家長分享經(jīng)驗洒疚。 放學(xué)鈴聲...
    飄雪兒5閱讀 7,523評論 16 22