es6語法之模版字串

//es6語法之`${}`以及vue語法 `$` （模版字串）

const name = '小緣'
const age = 14
// 等價於
// 最大的優勢是支援換行字串
const url = ''
const html = `
<
div 
class
="container"
>
<
a href
="$"
>$
a>
div>
console.log(html)
console.log(typeof html)

這是es6中新增的字串方法

可以配合反單引號完成拼接字串的功能

1、反單引號怎麼打出來？

將輸入法調整為英文輸入法，單擊鍵盤上數字鍵1左邊的按鍵。

2、用法

step1： 定義需要拼接進去的字串變數

step2： 將字串變數用${}包起來，再寫到需要拼接的地方

3、示例**：

let a='karry wang';

let str=`i love $, because he is handsome.`;
//注意：這行**是用返單號引起來的
alert(str);

一定是用反單引號啊！不要寫成單引號了！！

ES 6 模版字串

es6模板字元簡直是開發者的福音啊，解決了es5在字串功能上的痛點。第乙個用途，基本的字串格式化。將表示式嵌入字串中進行拼接。用 來界定。es5 var name nwd console.log hello name es6 const name nwd console.log hello hell...

ES6字串模版

es6對字串新增的操作，最重要的就是字串模版，字串模版的出現讓我們再也不用拼接變數了，而且支援在模板裡有簡單計算操作。字串模版 先來看乙個在es5下我們的字串拼接案例 let a 派俊偉 let blog 過年看珠海長隆 a 出演春晚。document.write blog es5下必須用 a 這樣...

ES6 字串模版

字串模版 先來看乙個在es5下我們的字串拼接案例 let jspang 技術胖 let blog 非常高興你能看到這篇文章，我是你的老朋友 jspang 這節課我們學習字串模版。document.write blog es5下必須用 jspang 這樣的形式進行拼接，這樣很麻煩而且很容易出錯。es6...