【学习笔记09】：JavaScript单引号、双引号和反引号的区别_js中document.write用反引号和引号的区别-程序员宅基地

一、单引号、双引号

1. 单引号、双引号不能包裹/嵌套自身

单引号中不能有单引号，双引号中不能有双引号

符号的配对原则执行的是就近原则，

如果一定要在单引号、双引号中嵌套自身，必须要使用JavaScript转义符，避免符号之间的冲突

JavaScript转义符，作用目的和html的字符实体是一样的效果，都是为了避免符号冲突

 常见的转义符 
     \'  --- '
     \"  --- "
     \\  --- \
     \n  --- 换行

	// JavaScript中 可以使用转义符避免符号冲突
    console.log( '贵阳  \'今天天气\'   有点热' );
    console.log( "贵阳  \"今天天气\"   有点热" );

在这里插入图片描述

2. 单引号、双引号中内容不能换行

	// 单引号、双引号中不能换行
    console.log( "贵阳
    今天天气有点热" );     //报错

	// 可以使用\n执行换行效果
    console.log( "贵阳 \n今天天气\n 有点热" );

3. 单引号、双引号中不支持解析变量

   // 定义一个变量 模拟数据库获取的当前温度的数据
    var temp = 30 ;
    
   // 单引号和双引号中写入的变量不能解析
    document.write( '贵阳当前气温是 temp℃ ' );   //贵阳当前气温是 temp℃
    document.write( "贵阳当前气温是 temp℃ " );   //贵阳当前气温是 temp℃

4. 解决方法

将字符串和变量使用 + 加号拼接

JavaScript程序会解析变量中存储的数据

使用变量中存储的数据和字符串一起拼接，生成新的字符串内容

    // 定义一个办理 模拟 数据库获取的当前温度的数据
    var temp = 30 ;

    // 使用字符串拼接语法 引引加加
    document.write( "贵阳当前气温是" + temp + "℃" );  //贵阳当前气温是30℃

5. 使用eval()来运行执行字符串

    // eval()会将字符串内容 按照js程序功能来执行
    // 将单引号中5+7三个字符 按照JavaScript程序5+7表达式来运行
    console.log( eval( '5 + 7' )   );

6.总结

总结：
1. 单引号和双引号不能嵌套自身
   如果非要写，使用转义符 \'  \"
	
2. 单引号和双引号不能换行
   如果非要写，使用转义符 \n
    
3. 单引号和双引号不能解析变量
   实际操作中，如果一定要解析变量，使用字符串拼接语法
	
   '字符串' + 变量
    变量 + '字符串'
   '字符串' + 变量 + '字符串'

	有字符串参与执行的是字符串拼接
	没有字符串参与执行加法运算

4. 单引号和双引号，不能运行js程序
   一定要运行，使用eval()执行字符串 
    
  '5+7' 是三个字符 没有运算功能
   eval( '5+7' ) 按照 5+7 运算字符结果是数值12

二、反引号

是ES6新增的语法形式，反引号语法又称为模板字符串

内容中支持换行，支持解析变量

反引号中，使用${ }包裹变量可以解析变量

模板字符串使用 ${ } 还可以运算JavaScript表达式

1、支持换行

    // 反引号 支持 换行
    console.log( `贵阳
有什么好吃的
吗?` );

在这里插入图片描述

2、支持解析变量

    // 反引号中解析变量 
    var temp = 31 ;

    // 直接定义变量不能解析变量
    console.log( `贵阳当前气温是 temp ℃` );   //贵阳当前气温是 temp ℃

    // 将变量使用 ${} 包裹模板字符串,会自动解析变量中存储的数据
    // 将解析的数据，拼接在字符串中
 
    console.log( `贵阳当前气温是 ${
      temp} ℃` );   //贵阳当前气温是 31 ℃

    // 可以解析运算表达式,将 5+7 的运算结果 12 
    // 解析到字符串中
    console.log( `贵阳当前气温是 ${
      5+7} ℃` );   //贵阳当前气温是 12 ℃

在这里插入图片描述
如果没有变量需要解析，推荐使用单引号双引号，执行效率更高

本文链接：https://blog.csdn.net/m0_58190023/article/details/127592678

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

基于Java语言的安卓程序编程之二HelloWorld程序的运行_android中helloworld测试程序的执行过程-程序员宅基地

文章浏览阅读6.8k次，点赞3次，收藏11次。1 程序保存路径设置鼠标双击Eclipse.exe，打开Eclipse程序。首先在弹出的对话框中设置Eclipse的工作空间，即编写的安卓程序保存的路径，可以使用默认路径，也可以通过点击“Browse...”按键进行自定义设置，如图1-1所示。图1-1 设置Eclipse的工作空间2 安卓应用程序的创建2.1 新建程序在Eclipse主界面的菜单栏中，选择“File->_android中helloworld测试程序的执行过程

UVa 11287 - Pseudoprime Numbers_uva11287-程序员宅基地

文章浏览阅读168次。题目判断一个数是不是为伪素数。能够通过费马测试的合数。分析数论，直接按照定义判断即可。说明学python，ヾ(◍°∇°◍)ﾉﾞimport mathdef is_prime(x): for i in range(2, int(math.sqrt(x))+2): if x % i == 0: return False ..._uva11287

大学python实训总结-【python实训总结和体会】作文写作问答 - 归教作文网-程序员宅基地

文章浏览阅读4.6k次。对python学习的总结怎么写1.Python初步Python是一种面向对象、直译式计算机程序设计语言。公认的特点是简单、易学、免费、开源等等。个人觉得特别喜欢Python的地方是对字符串操作特别的灵活、采取缩进的方式简单明了（虽然百度百科上把这个说成是局限）、以及简单的语法。Python 和c类似，是顺序进行的，不想visual c++是事件触发不同模块进行的。操作和matlab相似，有编辑窗口..._大学生python实训总结

解决Win下使用conda activate python虚拟环境无效的问题_conda activate environment不生效-程序员宅基地

文章浏览阅读8.9k次，点赞14次，收藏9次。在有些Win系统中会出现激活用户自定义的虚拟环境无效的问题conda activate env输入上述代码，并没有进入名为env的虚拟环境中。解决方法：首先输入命令行：activate可以看到进入了（base）环境中再输入：conda activate env即能成功进入名为env的虚拟环境..._conda activate environment不生效

怎么开启windows hypervisor platform,解决hypervisor platform消失无法安装的问题-程序员宅基地

文章浏览阅读3.7w次，点赞7次，收藏24次。正常的windows功能面板我的很好,没有安装windows hypervisor platform的机会,但是没关系然后cmd 或powershll 管理员身份运行Dism /online /Get-Features可以查看到hypervisor platform是禁用状态pushd “%~dp0”dir /b %SystemRoot%\servicing\Packages*..._windows hypervisor platform

MediaPlayer(二)--MediaPlayer基本框架_mediaplayerclassfactory-程序员宅基地

文章浏览阅读596次。MediaPlayer涉及的的文件路径这里参考的是android8.1 的代码JAVA类的路径：frameworks/base/media/java/android/media/MediaPlayer.javaJNI路径：frameworks/base/media/jni/android_media_MediaPlayer.cpp编译为 libmedia_jni.sonative 层的接口frameworks/av/media/libmedia编译为 libmedia.sonative层_mediaplayerclassfactory