您现在的位置：首页 >> 前端 >> 内容

ES6字符串模板实例讲解

时间：2018/1/31 13:37:37 点击：

　　核心提示：终端输入npm init -y此时生成package.json文件终端再次输入cnpm install -g live-server作为前端服务器开发，进行实时刷新实例1：let hello = 你好...

终端输入

npm init -y

此时生成package.json文件

终端再次输入

cnpm install -g live-server

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

实例1：

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

document.writeln(blog);

然后在终端输入

live-server

结果为：

ES6字符串模板实例讲解

实例2：

let hello = '你好';
let blog = `${hello}我是一个博客，

这节课学习字符串模板`;

document.writeln(blog);

ES6字符串模板实例讲解

实例3：

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

document.writeln(result);

ES6字符串模板实例讲解

实例4：

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

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

ES6字符串模板实例讲解

实例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));

ES6字符串模板实例讲解