您的位置:首页 > 其它

ES6 - 字符串模板

2018-01-30 21:53 323 查看
终端输入

npm init -y


此时生成package.json文件

终端再次输入

cnpm install -g live-server


作为前端服务器开发,进行实时刷新

实例1:

let hello = '你好';
let blog = `${hello}我是一个博客,这节课学习字符串模板`;

document.writeln(blog);


然后在终端输入

live-server


结果为:



实例2:

let hello = '你好';
let blog = `${hello}我是一个博客,<br />
这节课学习字符串模板`;

document.writeln(blog);




实例3:

let a = 1;
let b = 2;
let result = `${a + b}`;

document.writeln(result);




实例4:

let AAA = 'AAA';
let blog = '我是一个博客,你好AAA这节课学习字符串模板';

document.writeln(blog.includes(AAA));
document.writeln(blog.includes('BBB'));




实例5:

let AAA = 'AAA';
let blog = '我是一个博客,你好AAA这节课学习字符串模板';
let blog1 = 'AAA我是一个博客,你好AAA这节课学习字符串模板';
let blog2 = 'AAA我是一个博客,你好AAA这节课学习字符串模板';
let blog3 = '我是一个博客,你好AAA这节课学习字符串模板AAA';

document.writeln(blog.startsWith(AAA));
document.writeln(blog1.startsWith(AAA));

document.writeln(blog2.endsWith(AAA));
document.writeln(blog3.endsWith(AAA));




实例6:

document.writeln('nihao|'.repeat(3));


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: