news 2026/4/22 17:44:04

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/14 19:42:02

人形机器人行业周报|EX机器人量产、Ameca表情系统、首形科技融资

人形机器人行业周报|2025.01.30本周看点:国产仿人机器人量产提速、表情交互技术成新焦点、资本持续加码赛道📰 本周要闻 1. EX机器人宣布年产500台仿人机器人 分类:行业新闻 大连EX机器人正式宣布量产计划,年产能达到5…

作者头像 李华
网站建设 2026/4/18 12:40:36

3步释放50GB空间:这款系统清理工具让C盘重获新生

3步释放50GB空间:这款系统清理工具让C盘重获新生 【免费下载链接】WindowsCleaner Windows Cleaner——专治C盘爆红及各种不服! 项目地址: https://gitcode.com/gh_mirrors/wi/WindowsCleaner 你的电脑是否经常弹出"存储空间不足"的警告…

作者头像 李华
网站建设 2026/4/21 20:11:25

老旧Windows电脑优化与系统焕新指南:从零成本到性能唤醒

老旧Windows电脑优化与系统焕新指南:从零成本到性能唤醒 【免费下载链接】OpenCore-Legacy-Patcher 体验与之前一样的macOS 项目地址: https://gitcode.com/GitHub_Trending/op/OpenCore-Legacy-Patcher 随着电脑使用时间的增长,许多用户都会遇到…

作者头像 李华
网站建设 2026/4/15 23:25:41

智能家居自动化:从设备联动到场景定制的全栈技术指南

智能家居自动化:从设备联动到场景定制的全栈技术指南 【免费下载链接】KeymouseGo 类似按键精灵的鼠标键盘录制和自动化操作 模拟点击和键入 | automate mouse clicks and keyboard input 项目地址: https://gitcode.com/gh_mirrors/ke/KeymouseGo 1. 场景化…

作者头像 李华
网站建设 2026/4/17 23:51:36

颠覆式浏览器端OFD处理:前端渲染技术革新方案

颠覆式浏览器端OFD处理:前端渲染技术革新方案 【免费下载链接】ofd.js 项目地址: https://gitcode.com/gh_mirrors/of/ofd.js 你是否曾遇到过这样的困境:用户上传OFD文件后,需要等待后端服务器解析才能预览内容?传统方案不…

作者头像 李华