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日`);

}

javascript 复制代码
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日`)
}
相关推荐
Euato_Key1 小时前
全栈视野学习Cookie——理解 Cookie 的本质
前端
前端开发呀1 小时前
我的 AI 终端配置清单
前端
心运软件2 小时前
SpringBoot+ Vue校园社团管理平台的完整架构设计
vue.js·后端
敲代码的玉米C2 小时前
测试一直在写你的真实数据根
前端·人工智能·架构
jjw_zyfx2 小时前
css vue vite实现闪烁的呼吸效果
javascript·css·vue.js
执子念的飞鱼2 小时前
File Viewer 进入 2K 节点后,我更在意这 3 条回归
前端·typescript
richdata2 小时前
动态OTB vs 静态OTB:鞋服零售该选哪种管理模式?
前端·html·零售
Jodie同志2 小时前
第16~23天:持久化、HITL、流式、MCP与安全
前端·后端·agent
Jodie同志2 小时前
第1~15天:原生Agent、RAG与LangGraph基础(完整代码实操)
前端·后端·agent
sunly_2 小时前
React useActionState 的用法详解
前端·javascript·react.js