4、TypeScript語法新特性:字符串

1、多行字符串

傳統(tǒng)的字符串如果想要換行的話得用“+”號連接起來,否則就會報錯。


傳統(tǒng)字符串換行

而使用typescript的雙撇號``包起來的模板字符串就可以直接換行,而不報錯,被翻譯成javascript時會加上換行符


多行字符串.png

2、字符串模板

所謂的字符串模板就是在多行字符串中插入變量,或者調(diào)用方法。

字符串模板

字符串模板在實際工作中的應用:

如圖,左側(cè)使用字符串模版去拼接一串dom結(jié)構(gòu)的時候無論是從易用性還是可讀性方面都比右側(cè)強的多。



3、自動拆分字符串

當你用字符串模板去調(diào)用一個方法的時候,字符串模板表達式中的值會自動賦給被調(diào)用方法中的參數(shù)。


自動拆分字符串

執(zhí)行結(jié)果
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

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

  • 以下內(nèi)容是我在學習和研究ES6時,對ES6的特性、重點和注意事項的提取、精練和總結(jié),可以做為ES6特性的字典;在本...
    科研者閱讀 3,150評論 2 9
  • 所有內(nèi)容基于阮一峰的ECMAScript 6 入門 ES6加強了對Unicode 的支持,并且擴展了字符串對象。 ...
    我才不是稻草人閱讀 396評論 0 0
  • 其實我是一個自作多情的人,近段時間我周圍的親人朋友生病的比較多,雖然我都沒有說什么,該咨詢醫(yī)生就咨詢醫(yī)生,該...
    筱荀閱讀 1,409評論 2 3
  • 今天陪孩子興趣班到很晚,所以選讀了一篇文章與大家分享。分享的內(nèi)容是《自我管理的8個好習慣》。 不幸的人或許各有不同...
    金艷時光閱讀 567評論 0 1