• 软件:1711
  • 资讯:45336|
  • 收录网站:98302|

IT精英团

js系列37 :模板字符串

js系列37 :模板字符串

浏览次数:
评论次数:
编辑: 温瑜
信息来源: 51CTO博客
更新日期: 2021-07-22 12:19:34
摘要

js系列三十七:模板字符串,模板字符串是为了解决传统字符串拼接不便利而出现的.先通过一个简单例子来观察一下模板字符串与传统字符串的差别.//ES5vara=20;varb=30;varstring=a+"+"+b+"="+(a+b);//ES6consta=20;constb=30;constsring=`${a}+${b}=${a+b...

  • 资讯详情

模板字符串的出现是为了解决传统字符串拼接的不便。首先,用一个简单的例子来观察模板字符串和传统字符串的区别。

//ES5

var a=20

var b=30

var string=a ' ' b '='(a b);

//ES6

const a=20

const b=30

const sring=` $ { a } $ { b }=$ { a b }

模板字符串用反引号括起来,而变量或表达式用$ {}。

除了能够在字符串中嵌入变量之外,它还可以用来定义多行字符串,其中所有空格、缩进和换行符都将被保留。

var eleString=

差异

p肯肯肯肯/p

p ${world} /p

/div

`

如果用传统的''来拼接这根弦,会很麻烦。

您可以将变量、表达式甚至函数放入$ {}。

//变量

const hello=' hello

let message=`${hello},world

//表达式

const a=40

const b=50

让result=`结果是: $ { a b } `;

//函数

让fn=()={ 0

const result='你是最好的';

返回结果;

}

let str=' he said : $ { fn()} ';

js系列41 :Ajax
« 上一篇
返回列表
下一篇 »
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
你会是第一个来这里评论的人吗?
最近发布资讯
更多