var arr = [1,2,3]; `xxx ${arr} xxx`//xxx 1,2,3 xxx
为什么说html字符串拼接很恶心呢,主要有以下几点:
es6的模板字符串解决了以上问题
es6 使用``(windows键盘英文输入法下tab键上面那个键)来定义一个字符串。
var s = `hello world`
我们通常这样拼接html字符串。
var html = '<ul>'+ '<li>1</li>'+ '<li>2</li>'+ '</ul>'
如果html标签里面有其他的引号,那就更恶心了,但是,使用es6,只需要这要就ok了。
var html = `<ul> <li>1</li> <li>2</li> </ul>`
在windows键盘上,``是英文输入法下tab按键上面那个键。
它同样支持变量的嵌套,甚至功能更加强大
{}里面可以插入任何js表达式,还可以是一个对象、数组,甚至是一个函数。
对象或者数组会调用它们的toString()方法
var obj = {a:1,b:2}; `xxx ${obj} xxx`//xxx [object Object] xxx
var s1 = `hello vue`; `xxx ${s1} xxx` //xxx hello vue xxx
函数分两种情况:
var fn1 = function(){ console.log('hello vuex'); } var fn2 = function(){ return 'hello vue-router' } `xxx ${fn1}`//xxx function fn(){....} `xxx ${fn1()}`//xxx underfind `xxx ${fn2()}`//xxx hello vue-router
如果{}里面的变量是个不存在的变量呢?
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。