营销型小程序定制_ES6学习教程之模板字符串详解

  • 栏目:行业动态 时间:2021-01-12 10:14 分享新闻到:
<返回列表

ES6学习教程之模板字符串详解       大家都知道在ES6中引进的一种新型的字符串字面量语法-模板字符串,下面这篇文章主要给大家介绍了关于ES6学习教程之模板字符串的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。

ES6 中引进的一种新型的字符串字面量语法 - 模板字符串。书面上来解释,模板字符串是一种能在字符串文本中内嵌表示式的字符串字面量。简单来讲,就是增加了变量功能的字符串。

ES6为我们提供了模板字符串,语法使用反引号`。模板字符串具有以下三个优点:

多行文本 字符串中插入变量 字符串中插入表达式

基本语法

模板字符串和 ES5的字符串的声明一样。

// ES5
var name = 'xixi';
console.log(name);// xixi
// ES6
let name4ES6 = `一步`;
console.log(name4ES6);// 一步

多行文本

在Jquery 盛行的年代,我们经常会拼接 html 片段再进行节点替换。写一段 ES5的代码大家体会一下:

var str = ' html '
+ ' div 啦拉拉 /div '
+ ' div xixixi /div '
+ ' /html 
console.log(str);// html div 啦拉拉 /div div xixixi /div /html 

ES6支持多行文本,上面的代码实现起来就容易多了。

let str4ES6 = ` html 
 div 啦拉拉 /div 
 div xixixix /div 
 /html 
console.log(str4ES6);

可以插入变量或表达式

// ES5
var name = 'xixi';
var age = 27;
 = 'my name is ' + name + ' , age is ' + age + '.';
);// my name is xixi , age is 27.

ES6的模板字符串实现起来就容易好多。关键语法${},其中可以插入任何的 js 表达式。

let name = 'xixi';
let age = 27;
 = `my name is ${name}, my age is ${age}. just a test ${1 + 10}!`;
);// my name is xixi, my age is 27. just a test 11!

总结

ES6模板字符串就是这么的简单这么的好用。

好了,以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对凡科的支持。


分享新闻到:

更多阅读

营销型小程序定制_ES6学习教程之模板字符

行业动态 2021-01-12
ES6学习培训实例教程之模版标识符串详细说明 大伙儿都了解在ES6中引入的一种新式的标...
查看全文

广州凡科互联网科技股份有限公司招聘(

行业动态 2021-01-11
招聘人数:17职位信息1、年荣登中国企业500强,大平台;(在职业教育培训行业排名前列,好...
查看全文

广州凡科互联网科技股份有限公司招聘手

行业动态 2021-01-11
招聘人数:10职位信息我们的工作是:1、熟悉公司游戏平台及平台推广的政策2、在各大网络渠...
查看全文
返回全部新闻


区域站点: 南丰县手机网页设计   南宫市网页制作软件dw   囊谦县在线网页制作   南和县在线网页设计工具   南华县手机网页设计   南江县网页制作软件dw   南京市在线网页制作   南靖县在线网页设计工具   南康市手机网页设计   南乐县网页制作软件dw   南陵县在线网页制作   南宁市在线网页设计工具   南平市手机网页设计   南皮县网页制作软件dw   南市区在线网页制作   南通市在线网页设计工具   南投县手机网页设计   南雄市网页制作软件dw   南溪县在线网页制作   南阳市在线网页设计工具   南漳县手机网页设计   南召县网页制作软件dw   南郑县在线网页制作   那坡县在线网页设计工具   那曲县手机网页设计   纳雍县网页制作软件dw   讷河市在线网页制作   内黄县在线网页设计工具   内江市手机网页设计   内丘县网页制作软件dw   内乡县在线网页制作   嫩江市在线网页设计工具   聂荣县手机网页设计   尼玛县网页制作软件dw   尼木县在线网页制作   宁安市在线网页设计工具   宁波市手机网页设计   宁城县网页制作软件dw   宁德市在线网页制作   宁都县在线网页设计工具   宁国市手机网页设计   宁海县网页制作软件dw   宁化县在线网页制作   宁晋县在线网页设计工具   宁陵县手机网页设计   宁明县网页制作软件dw   宁南县在线网页制作   宁强县在线网页设计工具   宁陕县手机网页设计   宁武县网页制作软件dw   宁乡市在线网页制作   宁阳县在线网页设计工具   宁远县手机网页设计   农安县网页制作软件dw   磐安县在线网页制作   盘锦市在线网页设计工具   盘山县手机网页设计   磐石市网页制作软件dw   盘州市在线网页制作   蓬安县在线网页设计工具   澎湖县手机网页设计   蓬莱市网页制作软件dw   彭山县在线网页制作   蓬溪县在线网页设计工具   彭阳县手机网页设计   彭泽县网页制作软件dw   彭州市在线网页制作   偏关县在线网页设计工具   平安县手机网页设计   平昌县网页制作软件dw   平定县在线网页制作   屏东县在线网页设计工具   平度市手机网页设计   平果县网页制作软件dw   平和县在线网页制作   平湖市在线网页设计工具   平江县手机网页设计   平乐县网页制作软件dw   平凉市在线网页制作   平利县在线网页设计工具   平罗县手机网页设计   平陆县网页制作软件dw   屏南县在线网页制作   平泉市在线网页设计工具   屏山县手机网页设计   平顺县网页制作软件dw   平塘县在线网页制作   平潭县在线网页设计工具   平武县手机网页设计   萍乡市网页制作软件dw   平乡县在线网页制作   平阳县在线网页设计工具   平遥县手机网页设计   平阴县网页制作软件dw   平邑县在线网页制作   平远县在线网页设计工具   平舆县手机网页设计   皮山县网页制作软件dw   普安县在线网页制作   浦北县在线网页设计工具   浦城县手机网页设计   普洱市网页制作软件dw   普格县在线网页制作   浦江县在线网页设计工具   普兰县手机网页设计   普宁市网页制作软件dw   莆田市在线网页制作   迁安市在线网页设计工具   乾安县手机网页设计   潜江市网页制作软件dw   潜山市在线网页制作  

友情链接: 建站快车登陆 国外建站网站 h5建站 网站建立 手机版

Copyright © 2002-2020 在线网页制作_在线网页设计工具_手机网页设计_网页制作软件dw_网页特效 版权所有 (网站地图) 备案号:粤ICP备10235580号