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日`)
}
相关推荐
乐兮创想 小林5 分钟前
B2B 内容营销的工程化运营:从内容矩阵建模到 SEO/GEO 联动的完整体系
前端·线性代数·矩阵·网站建设·北京网站建设公司
2501_940041745 分钟前
全栈开发提速指南:可以直接用的项目生成提示词
前端·prompt
BomanGe27 分钟前
NSK直线导轨LH55EL与NH55EM替代指南
前端·javascript·数据库·经验分享·规格说明书
云水一下7 分钟前
Vue.js从零到精通系列(四):前端路由与Vue Router——打造多页单页应用
前端·javascript·vue.js
糯米导航9 分钟前
浏览器解析HTML头部的底层逻辑:从字节流到渲染树的关键一步
前端·html
风骏时光牛马13 分钟前
C++开发常见问题与解决方案汇总
前端
用户831348593069814 分钟前
Vue3+Cesium实现3DTiles模型实时调节(离地面高度/xyz轴旋转/模型经纬度偏移)
vue.js·cesium
zhedream15 分钟前
Vue 3 Teleport 报错实录:从 patch 时机到 `defer` 属性
前端·vue.js
雁北向15 分钟前
自定义指令 数值输入显示优化 巴飞特 测试
前端·vue.js
研☆香17 分钟前
jQuery补充知识点
前端·javascript·jquery