昨天學習了字串物件和字串的表示,就是利用utf-8等不同的編碼方式,還有許多的物件方法,都是處理字串的方法,挺方便的,今天我學習了一下字串模板,這裡記錄i一下學習的筆記,當然,今天學習了部分內容,如果筆記有沒涉及到的,可以再自行學習,話不多說,這次筆記分為兩部分:
正文開始:
1//傳統的字串輸出模板就是字串的連線問題,無非就是字串與字串之間用+號連線,然後其中還有一部分就是轉義字元,必須由轉義字元控制模板
2 let a = 1;3
'this is
' +a+'
\nabcd '//
該句話就表示有個a的值和乙個換行符號在其中控制著該輸出的字串 4//
結果:5
//this is 16//
abc
1//看完傳統的字串的輸出模板,你會發現寫個變數還要加加加,還需要轉義字元來控制,想當的煩惱,而字串模板的引入就是為了解決這個問題2//
1.字串模板是利用 ` 來定義的,可以定義多行字元,當然也可以鑲嵌變數,模板可以換行和空格,還有縮排。3//
(1)鑲嵌變數$
4var name = "
andy";
5 console.log(`my name is $`); //
輸出的就是my name is andy 鑲嵌變數6//
(2)模板可換行
7 console.log('
one line \n two line
') //
輸出可想而知,傳統字串輸出
8console.log(`one line
9 two line` ) //
與上面傳統輸出一樣,但是寫法不一樣
10//
(3)模板字串裡面想用``
11var a = `you \` moban\`zifuchuan` //
you `moban` zifuchuan;
12//
(4)不想用換行可以用trim方法消除
13 $/html(`
14one<\li>
15two<\li>
16`.trim());
17//
(5)大括號裡面可以放置物件屬性(呼叫物件的時候,預設呼叫物件的tostring方法)或者表示式,或者js的表示式
18 let x =1
;19 let y = 2;20
21 `$ + $ = $`; /1+2 =3;22
//(6)模板字串中可以呼叫函式
23function f()26
27`foo $ bar`;
28//
(7)模板字串裡大括號裡面還是字串仍舊輸出字串
29//
(8)模板字串中的變數或者函式沒定義仍舊會報錯
30//
(9)模板字串可以巢狀(無非就是模板裡面套模板一樣一樣的)
ES6 字串 字串
又到了一天一度的寫筆記的時間了,今天看的es6字串部分,因為內容我感覺挺多的,而且需要理解,所以第二個部分模板字串的筆記就放到明天來寫了,今天就寫一下學習字串物件的筆記,筆記分為以下幾點 開始今天的筆記吧!什麼字元的表示方法?第一次聽到這個問題的時候,可能一臉蒙,我查閱了一下資料,簡單的大概的了解了...
ES6 字串模板
1.普通字串的拼接 普通字串在與變數拼接時一般使用 號,這種適用於簡單的拼接。如果是複雜的拼接使用jsx中的字串模板比較方便。1.普通字串的拼接 var str i bought an iphone var number 7 console.log str number s i bought an ...
ES6 字串模板
語法 把字串寫在 裡面,獲取值 var obj 傳統列印 console.log 我的名字叫 obj.name 今年 obj.age 歲 es6 console.log 我的名字叫 今年 歲 模板模組 緊跟在乙個函式名後面,該函式將被呼叫來處理這個模板字串 alert hello alert hel...