js中模板字符串的使用

JavaScript014

js中模板字符串的使用,第1张

es6中增加了模板字符串,使字符的操作更加灵活和解决复杂的问题。

语法:

使用反引号( ` )来包裹普通字符串。如:

在模板字符串中可以将任何有效的 JS 表达式嵌入到模板字面量中,并将其结果输出为 字符串的一部分。如:

简单的变量替换

复杂的表达式

var str = "1234567890"

var arr = str.split("")//split的功能是分割字符串为数组,所以得到数组[1,2,3,4,5,6,7,8,9,0]

var res = arr.join( "," )//join的功能是讲数组拼成字符串元素之间用参数所传递的字符隔开

document.write( res )//就得到了你要的"1,2,3,4,5,6,7,8,9,0"

思路:

通过字符串获取或者操作变量需要用到eval,它能把字符串串作为代码执行。

代码:

<script>

var template="asd"

function TemplateLoad(){

    eval("template='yyyy'")//注意,这里是代码执行。所以eval中的字符串必须是可执行代码。像你eval('变量名")=值,这种方式是错误的,需要eval('变量名="值"')的方式

    alert(template)

}

TemplateLoad()

</script>