美文网首页
深入浅出ES6教程『字符串模板』

深入浅出ES6教程『字符串模板』

作者: 苏日俪格 | 来源:发表于2018-06-06 14:23 被阅读24次

☞☞ 个人主页欢迎访问 ☜☜


大家好,本人名叫苏日俪格,大家叫我 (格格) 就好,在上一章节中我们学到了解构赋值的用法,下面我们一起来继续学习字符串模板:

字符串模板其实就是为了降低字符串拼接难度而生的,在拼接一些数据量大的时候,这个可真的是让人头疼的要死,比如说:

let name = '苏日俪格';
let age = 24;
let str = '我的名字叫'+name+',今年'+age+'岁';
console.log(str);  // 我的名字叫苏日俪格,今年24岁

拼接起来很麻烦,数据多的话就容易乱,ES6提出了这个字符串模板中有一个``

小白:这个字符是怎么打出来的呢?
格格:切换成英文输入法,找到键盘上的数字1键前面的那个按键,记住不是小键盘数字1哦

使用反引号``拼接是这样的:

let name = '苏日俪格';
let age = 24;
let str = `我的名字叫${name},今年${age}岁`;
console.log(str);  // 我的名字叫苏日俪格,今年24岁

格格:这样看起来是不是清晰的不要不要的?

还有字符串新增的方法,比如说str.startsWith(要检测的东西);这个一般用来检测协议(http/https),返回布尔值;既然有以谁开头了那么就有以谁结尾:str.endsWith(要检测的东西);这个一般用来检测文件类型(jpg);重复字符串方法:str.repeat(次数);这个方法可以将一个字符串重复输出,一般不会用到,造假数据可能会用到吧

关于字符串模板我们都已经了然于心,预知箭头函数如何,请听下回分解 (^∀^)/~~~

本文的所有内容均是一字一句敲上去的,希望大家阅读完本文可以有所收获,因为能力有限,掌握的知识也是不够全面,欢迎大家提出来一起分享!谢谢O(∩_∩)O~

欢迎来我的GitHub,喜欢的可以star,项目随意fork,支持转载但要下标注,同时恭候:我的博客 Resume

等一下( •́ .̫ •̀ ),我还有最后一句话:
这里虽然没有都市的繁华,
也没有山林的鸟语花香,
只有一片如水的宁静,
古人云:
既来之则安之,
既然来到了这里,
就可以静心休憩你的灵魂,
调养你疲惫的心,
再见...

相关文章

  • ES6模版字符串

    初探ES6:字符串模板 && 标签模板 关键词:``,${} 字符串模板: 在ES6之前我们要在html或者con...

  • 21.模板字符串和标签模板字符串

    ES6新增了模板字符串,用于字符串拼接 ES6新增了标签字符串 标签模板字符串执行结果: 函数的第一个参数为数组,...

  • ES6常用新特性

    ES6新特性介绍 模板字符串 模板字符串实现字符串拼接 模板字符串实现多行字符串 结构赋值 对象的解构赋值 数组的...

  • es6学习中的一些领悟1

    其实已经在不断使用es6了,但是还是想系统的了解下这个新“js”,所以看起了阮老师的es6科普教程。模板字符串(既...

  • 深入浅出ES6教程『字符串模板』

    ☞☞ 个人主页欢迎访问 ☜☜ 大家好,本人名叫苏日俪格,大家叫我 (格格) 就好,在上一章节中我们学到了解构赋值的...

  • TypeScript字符串新特性

    多行字符串 1. 多行字符串 其中 `` 用来定义 ES6 中的模板字符串,${expr} 用来在模板字符串中嵌...

  • es6、es7常用特性

    1、模板字符串模板字符串 不使用ES6 使用+号降变量拼接喂字符串 例:var name ='My name is...

  • ES6入门用法&字符串模板

    字符串模板 传统的JavaScript的输出模板是 ES6引入了模板字符串来解决这个问题 用反引号(`)来标识

  • 【基础知识】消除ES6模板字符串中的空格

    转:消除ES6模板字符串中的空格 在开发中经常要用模板字符串,在拼接HTML文件时会遇到模板字符串中的空格问题比如...

  • (五)ES6字符串模板箭头函数字面量

    本节知识点 字符串模板 箭头函数 字面量 字符串模板 在ES6里面字符串模板就是为了不用再把字符串拼接起来,省的有...

网友评论

      本文标题:深入浅出ES6教程『字符串模板』

      本文链接:https://www.haomeiwen.com/subject/tmubsftx.html