ES6 - 字符串模板
2018-01-30 21:53
323 查看
终端输入
此时生成package.json文件
终端再次输入
作为前端服务器开发,进行实时刷新
实例1:
然后在终端输入
结果为:
实例2:
实例3:
实例4:
实例5:
实例6:
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));
相关文章推荐
- ES6学习总结之解构赋值及字符串模板
- ES6模板字符串
- ES6中的模板字符串和新XSS Payload
- ECMA2015(ES6)简单入门-1-let块-恒量const-解构-字符串模板
- ES6-字符串扩展-模板字符串
- ES6-字符串扩展-标签模板
- ES6的全新特性:模板字符串
- [译]JavaScript:ES6中的模板字符串简介
- 只为粗暴看一下ES6的字符串模板的性能
- ES6新增了一种模板字符串
- ES6中的模板字符串和新XSS Payload
- ES6, Angular,React和ABAP中的String Template(字符串模板)
- ES6 Template String 模板字符串
- ES6(ECMAScript 6)新特性之模板字符串用法分析
- ES6模板字符串
- ES6系列之---模板字符串
- ES6中字符串模板的使用
- 3、ES6 === string 模板字符串
- 利用ES6中的模板字符串轻松实现多行和字符串值的插入
- es6 模板字符串