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日`)
}
相关推荐
子兮曰12 小时前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰12 小时前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万12 小时前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝12 小时前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
A黄俊辉A12 小时前
uniapp webview中实现 app和内嵌的H5双向通信
vue.js·json
三十而立洋13 小时前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁13 小时前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
李少兄14 小时前
JavaScript 隐式全局变量解析
javascript
honkun614 小时前
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询
vue.js·vxe-table
kybs199115 小时前
全球灾害数据分析可视化 毕业设计-附源码66794
vue.js·spring boot·mysql·安全·django·c#·asp.net