ES6模板字串

2022-07-08 22:18:13 字數 1561 閱讀 9493

樣子: `` 反引號,tab上面的那個鍵,同該符號包裹的字串能夠帶來的功能如下:

可以嵌入變數

可以原生輸出 

'there are' + basket.count + '' +

'items in your basket, ' +

'' + basket.onsale +

' are on sale!'

);there are$items

in your basket, $

are on sale!

`);

$('#list').html(`

`);

let name = 'jim',

age = 18,

gender = 'male';

console.log(`name : $ , age : $ , gender : $`)

let x = 1,

y = 2;

console.log(`$ + $ = $`)// "1 + 4 = 5"

let obj = ;

console.log(`$`)// 3

function fn()

console.log(`foo $ bar`)// foo hello world bar

const tmpl = addrs => `

$ $

`).join('')}

`;

樣子: `` 反引號,tab上面的那個鍵,同該符號包裹的字串能夠帶來的功能如下:

可以嵌入變數

可以原生輸出 

'there are' + basket.count + '' +

'items in your basket, ' +

'' + basket.onsale +

' are on sale!'

);there are$items

in your basket, $

are on sale!

`);

$('#list').html(`

`);

let name = 'jim',

age = 18,

gender = 'male';

console.log(`name : $ , age : $ , gender : $`)

let x = 1,

y = 2;

console.log(`$ + $ = $`)// "1 + 4 = 5"

let obj = ;

console.log(`$`)// 3

function fn()

console.log(`foo $ bar`)// foo hello world bar

const tmpl = addrs => `

$ $

`).join('')}

`;

ES6模板字串

es6提供了模板字串使字串的拼接以及模板的編寫變得特別簡單,組合字串的時候不在需要加號單引號這些,直接使用一對反引號即可,而且字串中需要變數的時候直接 的這種方式,大括號裡面可以是任何的js表示式,變數,物件的屬性,還可以是乙個函式,模板字串還可以進行巢狀。const person lili con...

es6 模板字串

模板字串 反引號表示 是增強版的字串,可以用作普通字串,也可以使用多行字串,也可以巢狀使用 1 this is a string 2 this is a string 3 let n a this is string 在模板字串中輸出多行字串的時候,會按照書寫的格式進行輸出,字元之間的空格和縮排都會...

es6模板字串

es6新增的建立字串的方式,使用反引號定義 let str 模板字串 console.log str 特點 可以解析變數。將變數放於 中 let val 123 let str2 模板字串 console.log str2 現在在模板字串的字串換行書寫,同時顯示也會進而換行顯示 let obj le...