热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ES6字符串模板:灵活高效的代码编写方式

在昨天的学习中,我们探讨了字符串对象及其多种表示方法,包括使用UTF-8等不同编码方式,以及多种用于处理字符串的实用对象方法。今天,我进一步研究了ES6中的字符串模板功能,这是一种更加灵活和高效的代码编写方式,能够显著提升开发效率和代码可读性。

  

  昨天学习了字符串对象和字符串的表示,就是利用utf-8等不同的编码方式,还有许多的对象方法,都是处理字符串的方法,挺方便的,今天我学习了一下字符串模板,这里记录i一下学习的笔记,当然,今天学习了部分内容,如果笔记有没涉及到的,可以再自行学习,话不多说,这次笔记分为两部分:

 


1.传统的字符串输出


2.字符串模板

 

  正文开始:

 

 

 

 

 

 


1.传统的字符串输出

1 //传统的字符串输出模板就是字符串的连接问题,无非就是字符串与字符串之间用+号连接,然后其中还有一部分就是转义字符,必须由转义字符控制模板
2 let a = 1;
3 'this is' +a+'\nabcd ' //该句话就表示有个a的值和一个换行符号在其中控制着该输出的字符串
4 //结果:
5 // this is 1
6 //abc

 

 

 

 

 


2.字符串模板

1 //看完传统的字符串的输出模板,你会发现写个变量还要加加加,还需要转义字符来控制,想当的烦恼,而字符串模板的引入就是为了解决这个问题
2 //1.字符串模板是利用 ` 来定义的,可以定义多行字符,当然也可以镶嵌变量,模板可以换行和空格,还有缩进。
3 //(1)镶嵌变量${变量}
4 var name = "andy";
5 console.log(`my name is ${name}`); // 输出的就是my name is andy 镶嵌变量
6 //(2)模板可换行
7 console.log('one line \n two line') // 输出可想而知,传统字符串输出
8 console.log(`one line
9 two line` ) // 与上面传统输出一样,但是写法不一样
10 //(3)模板字符串里面想用``
11 var a = `you \` moban\`zifuchuan` //you `moban` zifuchuan;
12 //(4)不想用换行可以用trim方法消除
13 ${'.ac'}/html(`
14

  • one<\li>
    15
  • two<\li>
    16 `.trim());
    17 //(5)大括号里面可以放置对象属性(调用对象的时候,默认调用对象的toString方法)或者运算式,或者js的表达式
    18 let x =1;
    19 let y = 2;
    20
    21 `${x} + ${y} = ${x+y}`; /1+2 =3;
    22 //(6)模板字符串中可以调用函数
    23 function f(){
    24 return "hellow";
    25 }
    26
    27 `foo ${f()} bar`;
    28 //(7)模板字符串里大括号里面还是字符串仍旧输出字符串
    29 //(8)模板字符串中的变量或者函数没定义仍旧会报错
    30 //(9)模板字符串可以嵌套(无非就是模板里面套模板一样一样的)

     



     

     

     

     

      今天模板字符串就简单学习这么多吧,具体还有字符串模板,还有对应的新的方法、当然任何都不是绝对完美的,想了解的可以查阅一下模板字符串的缺点,但是相对于传统的字符串肯定要好很多,如果有其他想要一起探讨的可以下面评论,比如没提到的知识,可以在评论区增加!!明天也要努力呀!!

     

     

     



  • 推荐阅读
    • 技术日志:使用 Ruby 爬虫抓取拉勾网职位数据并生成词云分析报告
      技术日志:使用 Ruby 爬虫抓取拉勾网职位数据并生成词云分析报告 ... [详细]
    • 利用 Zend Framework 实现高效邮件发送功能 ... [详细]
    • 如何轻松地将多个文件导入Python:简明指南 ... [详细]
    • Java解析YAML文件并转换为JSON格式(支持JSON与XML的结构化查询)
      本文探讨了如何利用Java解析YAML文件并将其转换为JSON格式,同时支持JSON和XML的结构化查询。YAML、JSON和XML这三种数据格式通过其名称作为文件扩展名,便于区分和使用。文章详细介绍了这些格式的层次结构和数据表示方法,并重点讨论了在数据传输过程中,XML的特性和优势。此外,还提供了具体的代码示例和实现步骤,帮助开发者高效地进行数据格式转换和查询操作。 ... [详细]
    • HTML 页面中调用 JavaScript 函数生成随机数值并自动展示
      在HTML页面中,通过调用JavaScript函数生成随机数值,并将其自动展示在页面上。具体实现包括构建HTML页面结构,定义JavaScript函数以生成随机数,以及在页面加载时自动调用该函数并将结果呈现给用户。 ... [详细]
    • 如何在Sublime Text 3中将文件编码格式设置为UTF-8
      本文详细介绍了在Sublime Text 3中将文件编码格式设置为UTF-8的具体步骤。通过这些方法,用户可以轻松实现文件编码的转换,确保文本在不同系统和平台上的兼容性和一致性。对于经常需要处理多语言文本的开发者来说,这一技巧尤为实用。希望本文能为读者提供有价值的参考。 ... [详细]
    • 在Eclipse中批量转换Java源代码文件的编码格式从GBK到UTF-8是一项常见的需求。通过编写简单的Java代码,可以高效地实现这一任务。该方法不仅适用于Java文件,还可以用于其他类型的文本文件编码转换。具体实现可以通过导入`java.io.File`类来操作文件系统,从而完成批量转换。此外,建议在转换过程中添加异常处理机制,以确保代码的健壮性和可靠性。 ... [详细]
    • Netty框架中运用Protobuf实现高效通信协议
      在Netty框架中,通过引入Protobuf来实现高效的通信协议。为了使用Protobuf,需要先准备好环境,包括下载并安装Protobuf的代码生成器`protoc`以及相应的源码包。具体资源可从官方下载页面获取,确保版本兼容性以充分发挥其性能优势。此外,配置好开发环境后,可以通过定义`.proto`文件来自动生成Java类,从而简化数据序列化和反序列化的操作,提高通信效率。 ... [详细]
    • Python 中 json.dumps() 和 json.loads() 的使用方法详解——Python 面试与 JavaScript 面试必备知识
      在 Python 中,`json.dumps()` 和 `json.loads()` 是处理 JSON 数据的核心函数。`json.dumps()` 用于将字典或其他可序列化对象转换为 JSON 格式的字符串,而 `json.loads()` 则用于将 JSON 字符串解析为 Python 对象。本文详细介绍了这两个函数的使用方法及其在 Python 和 JavaScript 面试中的重要性,帮助读者掌握这些关键技能。 ... [详细]
    • 利用树莓派畅享落网电台音乐体验
      最近重新拾起了闲置已久的树莓派,这台小巧的开发板已经沉寂了半年多。上个月闲暇时间较多,我决定将其重新启用。恰逢落网电台进行了改版,回忆起之前在树莓派论坛上看到有人用它来播放豆瓣音乐,便萌生了同样的想法。通过一番调试,终于实现了在树莓派上流畅播放落网电台音乐的功能,带来了全新的音乐享受体验。 ... [详细]
    • 本文介绍了一种利用Dom4j库和JFileChooser组件在Java中实现XML文件自定义路径导出的方法。通过创建一个Document对象并设置根元素,结合JFileChooser选择目标路径,实现了灵活的XML文件导出功能。具体步骤包括初始化Document对象、构建XML结构以及使用JFileChooser选择保存路径,确保用户能够方便地将生成的XML文件保存到指定位置。 ... [详细]
    • 本文深入解析了Python在处理HTML过滤时的实现方法及其应用场景。通过具体实例,详细介绍了如何利用Python代码去除HTML字符串中的标签和其他无关信息,确保内容的纯净与安全。此外,文章还探讨了该技术在网页抓取、数据清洗等领域的实际应用,为开发者提供了宝贵的参考。 ... [详细]
    • 本文全面解析了 gRPC 的基础知识与高级应用,从 helloworld.proto 文件入手,详细阐述了如何定义服务接口。例如,`Greeter` 服务中的 `SayHello` 方法,该方法在客户端和服务器端的消息交互中起到了关键作用。通过实例代码,读者可以深入了解 gRPC 的工作原理及其在实际项目中的应用。 ... [详细]
    • 在处理遗留数据库的映射时,反向工程是一个重要的初始步骤。由于实体模式已经在数据库系统中存在,Hibernate 提供了自动化工具来简化这一过程,帮助开发人员快速生成持久化类和映射文件。通过反向工程,可以显著提高开发效率并减少手动配置的错误。此外,该工具还支持对现有数据库结构进行分析,自动生成符合 Hibernate 规范的配置文件,从而加速项目的启动和开发周期。 ... [详细]
    • 本文详细介绍了 jQuery 的入门知识与实战应用,首先讲解了如何引入 jQuery 库及入口函数的使用方法,为初学者提供了清晰的操作指南。此外,还深入探讨了 jQuery 在实际项目中的多种应用场景,包括 DOM 操作、事件处理和 AJAX 请求等,帮助读者全面掌握 jQuery 的核心功能与技巧。 ... [详细]
    author-avatar
    无奈中有几多Rudy
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有