首页 > 编程语言 >JavaScript语法入门8 JavaScript中的三种引号

JavaScript语法入门8 JavaScript中的三种引号

时间:2024-09-20 09:53:40浏览次数:3  
标签:嵌入 入门 引号 JavaScript alert let name1 字符串

JavaScript中三种引号,分别是单引号(’xx’)、双引号("xx”)、反引号(`xx`)。

三种引号中,单引号和双引号的作用是相同的,用于定义字符串。而反引号是一种扩展功能。

单引号、双引号

单引号、双引号包裹起来的值是字符串,按照惯例,单引号或者双引号必须成对使用,不能交叉使用。

 

正确示例:

let name1 = ‘Jack’;

let name2 = “Tom”;

 

错误示例:

let name3 = “Mary’;

以上正确示例中都可以用于定义字符串。

注意JavaScript中没有字符类型(character或者char),一律使用字符串类型,无论是一个字符还是由多个字符组成的字符串。

 

反引号

反引号是用于一种扩展功能,可以将变量或者表达式包装在${……}中,然后再整体嵌入到字符串中,${……}中内容会被计算,并且计算结果会作为字符串的一部分。

 

正确示例1:

let name1 = 'Jack';

//嵌入一个变量

alert(` 你好,${name}!`)

//嵌入一个表达式

alert(`${name}今年是${10+7}岁`)

 

正确示例2:使用函数而非直接表达式。

function sumAge(a,b){

  return a+b

}

let name1 = 'Jack';

let name2 = 'Mary';

//嵌入一个变量

alert(` 你好,${name1}!`)

//嵌入一个表达式

alert(`${name1}今年是${10+7}岁`)

//嵌入一个表达式

alert(`${name2}今年是${sumAge(10,7)}岁`)

结果:

JavaScript语法入门8 JavaScript中的三种引号_反引号

JavaScript语法入门8 JavaScript中的三种引号_字符串_02

JavaScript语法入门8 JavaScript中的三种引号_反引号_03


注意:${……}中的部分不会被当做字符串处理,但是其他部分会。

 

反引号可以直接实现字符串内容跨行书写,而不用使用转义字符(\n)

例如:

let name1 = 'Jack';

//嵌入一个变量

alert(` 你好,${name1}!`)

let name2 = `Jack

Tom

Mary

张三`;

//嵌入一个变量

alert(` 你好,${name2}!`)

 

结果:

JavaScript语法入门8 JavaScript中的三种引号_反引号_04

 

标签:嵌入,入门,引号,JavaScript,alert,let,name1,字符串
From: https://blog.51cto.com/u_16830897/12062167

相关文章

  • 故障测试入门指南
    混沌工程与故障测试混沌工程与故障测试在目的、实施方式和测试环境等方面有明显差异。混沌工程的目标是通过在生产环境中引入随机和不可预见的故障,验证系统在实际运行时的鲁棒性和自愈能力,强调系统在异常情况下能否正常恢复。其实验往往持续进行,旨在不断优化系统的稳定性。故障测......
  • 学习CentOs我们必备入门基础知识
    目录前言一、文件系统结构二、命令行操作三、软件包管理四、系统监控与管理五、用户与权限管理六、网络配置与管理七、系统安全与维护八、系统启动与关机总结前言CentOS(CommunityEnterpriseOperatingSystem)是一个基于RedHatEnterpriseLinux(RHEL)的开源操作系统......
  • fastson与jackson入门
    一,简介json:JavaScriptObjectNotation,JS对象简谱。官网:JSON官网二,使用场景网络传输​描述同样的信息,json相比xml占用更少的空间,<?xmlversion="1.0"encoding="uTF-8"?><person> <id>1</id> <name>张三</name> <age>30</age&......
  • 网络安全简单入门与扫描
    目录网络安全简单入门内容大纲1、安全策略1.1、安全三要素1.2、安全评估1.2、一般流程2、安全工具(漏洞扫描器)2.1、AppScan2.2、Acunetix3、其他3.1、关于工具的问题3.2、银弹理论3.3、原理4、结尾回到顶部网络安全简单入门回到顶部内容大纲策略制定安全工具其他回......
  • JavaScript(单分支语句,双分支语句,多分支语句判断闰年还是平年,三元运算符求最大值,switch
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><......
  • web - JavaScript
    JavaScript1,JavaScript简介JavaScript是一门跨平台、面向对象的脚本语言,而Java语言也是跨平台的、面向对象的语言,只不过Java是编译语言,是需要编译成字节码文件才能运行的;JavaScript是脚本语言,不需要编译,由浏览器直接解析并执行。JavaScript是用来控制网页行为的,它能使......
  • JavaScript高级——内存溢出和内存泄漏
    1、闭包的缺点与解决方法(1)缺点:函数执行完后,函数内的局部变量没有释放,占用内存时间会变长。 容易造成内存泄漏。(2)解决:能不用闭包就不用。 及时释放。2、内存溢出①一种程序运行出现的错误②当程序需要的内存超过了剩余的内存时,就会出现内存溢出的错误3、内存泄......
  • JavaScript高级——对象创建模式
    1、Object构造函数模式①套路:先创建空Object对象,再动态添加属性/方法②使用场景:起始时不确定对象内部数据③问题:语句太多2、对象字面量模式①套路:使用{  } 创建对象,同时指定属性/方法②适用场景:起始时对象内部数据是确定的③问题:如果创建多个对象,有重......
  • C++入门基础知识76(实例)——实例 1【输出 “Hello, World!“】
    成长路上不孤单......
  • JavaScript在数据可视化领域的探索与实践
    目录引言JavaScript可视化库概览D3.js基础入门1.引入D3.js2.绘制简单的条形图3.添加轴交互性与动画实际应用场景结论引言在数据驱动决策日益重要的今天,数据可视化成为连接数据与洞察的桥梁。JavaScript,作为前端开发的主力军,凭借其灵活性和丰富的库支持,在数据......