news 2026/4/12 2:54:51

8-1 WPS JS宏 String.raw等关于字符串的3种引用方式

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
8-1 WPS JS宏 String.raw等关于字符串的3种引用方式

本节课再次重新梳理讲解应用,前面使用的单引号、双引号、反引号。

一、单引号、双引号、反引号测试

格式化字符串,可以使用单引号、双引号、反引号三种符号,他们之间可以相互包含,不包含同类型,系统分不清哪里是头和尾,反引号可以包含变量

function text()

{

var name1="小伍"

var age=18

Console.log("----------")

Console.log('姓名:'+name1)

Console.log("姓名:"+name1)

Console.log(`姓名:`+name1)

Console.log(`姓名:${name1}`)

Console.log("----------")

Console.log('{name1}+&name1+name1`${name1}`')

Console.log("{name1}+&name1+name1`${name1}`")

Console.log(`'姓名:'"&name1"+"name1"&name1+name1${name1}`)

Console.log("----------")

}

二、反引号格式输出与文本调整符

1.反引号,文本字符串的输入格式效果与输出的格式效果相同,如下:

function text2()

{

alert(`你好:

我在风中很想你

1月1日`)

}

结果:与写入的一样,有换行、有空格等。

2.反馈未经处理的文本原始数据

function test3()

{

alert(String.raw`你好:\n我在风中很想你\t哦\r1月1日`);

3.换行符\n;制表符\t;回车符\r

alert(`你好:\n我在风中很想你\t哦\r1月1日`);

}

function text() { var name1="小伍" var age=18 Console.log("----------") Console.log('姓名:'+name1) Console.log("姓名:"+name1) Console.log(`姓名:`+name1) Console.log(`姓名:${name1}`) Console.log("----------") Console.log('{name1}+&name1+name1`${name1}`') Console.log("{name1}+&name1+name1`${name1}`") Console.log(`'姓名:'"&name1"+"name1"&name1+name1${name1}`) Console.log("----------") } function text2() { alert(`你好: 我在风中很想你 1月1日`) } function test3() { //反馈未经处理的文本原始数据 alert(String.raw`你好:\n我在风中很想你\t哦\r1月1日`); //换行符\n;制表符\t;回车符\r alert(`你好:\n我在风中很想你\t哦\r1月1日`); Console.log(`你好:\n我在风中很想你\t哦\r1月1日`) }
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/9 11:55:36

SpringBoot+Vue +周边游平台平台完整项目源码+SQL脚本+接口文档【Java Web毕设】

摘要 随着旅游业的发展和人们生活水平的提高,周边游逐渐成为大众休闲娱乐的重要选择。传统的旅游服务模式存在信息不对称、预订流程繁琐、用户体验不佳等问题,难以满足现代游客的个性化需求。互联网技术的快速发展为旅游行业提供了新的解决方案&#xf…

作者头像 李华
网站建设 2026/4/10 12:27:35

基于SpringBoot+Vue的政府管理系统管理系统设计与实现【Java+MySQL+MyBatis完整源码】

摘要 随着信息技术的快速发展,数字化政务管理已成为提升政府工作效率和服务质量的重要手段。传统政府管理系统中存在信息孤岛、数据冗余、响应速度慢等问题,亟需通过信息化手段实现业务流程的优化和数据的集中管理。政府管理系统通过整合各部门资源&…

作者头像 李华
网站建设 2026/4/9 13:54:41

Emby高级功能解锁与媒体服务器配置全指南

Emby高级功能解锁与媒体服务器配置全指南 【免费下载链接】emby-unlocked Emby with the premium Emby Premiere features unlocked. 项目地址: https://gitcode.com/gh_mirrors/em/emby-unlocked 想要低成本体验Emby媒体服务器的高级功能?通过科学配置实现E…

作者头像 李华
网站建设 2026/4/10 21:47:19

为什么前后端分离了,我们比从前更痛苦?

引言:技术进步的悖论前后端分离是近年来Web开发领域最重要的架构变革之一,它代表着专业化分工的进步,理论上应提升开发效率和应用质量。然而在实践中,许多团队却发现自己陷入了新的困境:沟通成本指数级上升接口联调成为…

作者头像 李华