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日`)
}
相关推荐
hvang19882 小时前
某花顺隐藏了重仓涨幅,通过chrome插件计算基金的重仓涨幅
前端·javascript·chrome
Async Cipher2 小时前
TypeScript 的用法
前端·typescript
web打印社区2 小时前
vue页面打印:printjs实现与进阶方案推荐
前端·javascript·vue.js·electron·html
We་ct2 小时前
LeetCode 30. 串联所有单词的子串:从暴力到高效,滑动窗口优化详解
前端·算法·leetcode·typescript
木卫二号Coding2 小时前
Docker-构建自己的Web-Linux系统-Ubuntu:22.04
linux·前端·docker
daols883 小时前
vue2 甘特图 vxe-gantt 一行渲染多个子任务的配置
vue.js·甘特图·vxe-table
CHU7290353 小时前
一番赏盲盒抽卡机小程序:解锁惊喜体验与社交乐趣的多元功能设计
前端·小程序·php
RFCEO3 小时前
前端编程 课程十二、:CSS 基础应用 Flex 布局
前端·css·flex 布局·css3原生自带的布局模块·flexible box·弹性盒布局·垂直居中困难
天若有情6733 小时前
XiangJsonCraft v1.2.0重大更新解读:本地配置优先+全量容错,JSON解耦开发体验再升级
前端·javascript·npm·json·xiangjsoncraft