站内搜索:
首页 >> 前端 >> 内容
ES6字符串模板实例讲解

时间:2018/1/31 13:37:37

终端输入

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字符串模板实例讲解

实例6:

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

ES6字符串模板实例讲解

  • 上一篇:Bootstrap框架使用之DataTables列表示例
  • 下一篇:安装Sass和Compass的实例教程
  • 返回顶部