ES6 字串 模板字串

2022-09-09 11:18:12 字數 1561 閱讀 5801

昨天學習了字串物件和字串的表示,就是利用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...