JavaScript系列从入门到精通系列第三篇:JavaScript基本语法(一)

news2025/2/26 14:31:27

文章目录

一:JavaScript基本语法

1:JS注释

(一):JS多行注释

(二):JS单行注释

(三):JS中大小写

(四):分号问题

(五):空格和换行

2:字面量和变量

(一):字面量

(二):变量

(三):如何声明变量

(四):如何给变量赋值

(五):标识符

二:JS中6种数据类型(一)

1:JS字符串

(一):JS字符串基本使用

(二):JS字符串使用规则

 (三):JS字符串转义规则


一:JavaScript基本语法

1:JS注释

(一):JS多行注释

/*xxxxxxxxxxxxxxxxxxxxxx*/

(二):JS单行注释

// 只能注释掉这一行的内容

(三):JS中大小写

JS当中严格区分大小写。

(四):分号问题

        JS中每一条语句都区分大小写,如果不写分号,浏览器会自动去添加,但是会消耗一些系统资源,而且有的时候,浏览器会加错分号,所以在开发中分号建议是写的。

(五):空格和换行

        JS中会和忽略多个空格和换行。通过这玩意可以完成代码的格式化。

2:字面量和变量

(一):字面量

        字面量是一些不可改变的值,他就是常量。1,2,3,4,5,直接拿来使用的值。

(二):变量

        变量可以用来保存字面量,变量更加方便我们使用,在我们开发中,都是基于我们的变量,很少直接使用字面量,或者叫常量。

(三):如何声明变量

var a;
console.log(a);//"undefined"

(四):如何给变量赋值

var a = "我是中国人,我是明台的母亲";
var b;
b= 123;

(五):标识符

        标识符,在JS当中所有可以自主命名的都是标识符。包括:变量名,函数名,属性名都属于标识符。在命名一个标识符需要遵守如下规则:

        1:标识符当中可以含有字母、数字、下户线、$

        2:标志符不能以数字开头

        3:标识符不能是JS中的关键字和保留字

        4:标识符一般都采用驼峰命名法

        ES底层保存我们的标识符时,实际采用的是UniCode编码,所以理论上讲所有Utf-8中含有的字符都可以作为标识符使用,甚至包括中文。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
			<script>
				var a ;
				a = 123;
				var a = "我是中国人,我是明台的母亲";
				console.log(a);
				
				var 锄禾日当午 = "汗滴禾下土";
				console.log(锄禾日当午) //控制台:汗滴禾下土
			</script>
	</body>
</html>

        这么干(中文当标识符)是真的可以,但是规范是不允许这么命名的。这么命名会被同事笑疯的。

二:JS中6种数据类型(一)

        JS中一共有6中数据类型。接来下我们一一介绍。包括:

                String 字符串

                Number数值

                Boolean 布尔值

                Null 空值

                Undefined 未定义

                Object 对象

        其中String,Number,Boolean,Null,Undefined数据基本数据类型。Object属于引用数据类型。

1:JS字符串

(一):JS字符串基本使用


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
			<script>	
				//在JS中字符串需要使用引号引起来的 
                //在JS中使用单双引号都可以,但是不能混着用。
                //在JS中引号不能嵌套
				var str = "hello";				
				console.log(str);//控制台:hello
			</script>
	</body>
</html>

(二):JS字符串使用规则

       在JS中字符串需要使用引号引起来的 

        在JS中使用单双引号都可以,但是不能混着用。

        在JS中引号不能嵌套

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
			<script>	
				//在JS中字符串需要使用引号引起来的 
				var str = '我说:"今天天气真不错"';				
				console.log(str);//控制台:我说:"今天天气真不错"
			</script>
	</body>
</html>

       这种嵌套是可以的。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
			<script>	
				//在JS中字符串需要使用引号引起来的 
				var str = "我说:\"今天天气真不错\"";				
				console.log(str);//控制台:我说:"今天天气真不错"
			</script>
	</body>
</html>

 (三):JS字符串转义规则

      可以通过转义的方式,保证只使用双引号。

\" 表示 "
\' 表示 '
\n 表示换行
\t 制表符
\\ 表示 \
console('\\\\\\') //控制台:\\\

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1027392.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

demo1-csa(从初阶到大牛)

1.1文件管理命令练习 (1) 在/opt目录下创建一个临时目录tmp; # 创建临时目录tmp sudo mkdir /opt/tmp (2) 在临时目录下创建一个文件&#xff0c;文件名为a.txt; # 在临时目录下创建文件a.txt&#xff08;可以使用touch命令创建空文件&#xff09; sudo touch /opt/tmp/a.t…

MQ - 11 Kafka的架构设计与实现

文章目录 导图概述Kafka 系统架构协议和网络模块数据存储元数据存储消息数据生产者和消费者生产者消费者HTTP 协议支持和管控操作Kafka 从生产到消费的全过程总结导图 概述 在学习的过程中,我们会发现 Kafka 和 RocketMQ 的架构是非常像的,那为什么还要单独来分析 Kafka 呢?…

脑电相关临床试验及数据分析

临床试验设计 作为一个医疗器械公司的开发–>算法–>项目–>产品&#xff0c;还是想在这里记录一下工作。 直接开始吧 临床试验的设计&#xff0c;主要分为20个部分&#xff0c;分别是 封面 一、申办者信息 二、所有临床试验机构和研究者列表 三、临床试验的目的和…

计算机视觉与深度学习-全连接神经网络-详解梯度下降从BGD到ADAM - [北邮鲁鹏]

文章目录 参考文章及视频导言梯度下降的原理、过程一、什么是梯度下降&#xff1f;二、梯度下降的运行过程 批量梯度下降法(BGD)随机梯度下降法(SGD)小批量梯度下降法(MBGD)梯度算法的改进梯度下降算法存在的问题动量法(Momentum)目标改进思想为什么有效动量法还有什么效果&…

硬件学习 PAD9.5 day02 原理图绘制中的操作,PCB 封装的制作

1. 原理图中的连线操作 1.1 点击连线按钮 1.2 点击需要连线的地方连接即可 1.3 双击即可停止连线 2. 原理图的总线绘制 2.1 按下总线绘制按钮 2.2 画一条总线 总线名称 总线名字 [ 起始数字 &#xff1a; 结束数字 ] 2.3 分线连接总线 注意&#xff1a;原理图的连线…

【Java 基础篇】Java 多线程详解

多线程是 Java 编程中的一个重要概念&#xff0c;它允许程序同时执行多个任务&#xff0c;提高了程序的性能和响应能力。本篇博客将深入探讨 Java 多线程&#xff0c;从基础概念到实际应用&#xff0c;适用于 Java 初学者和希望深入了解多线程的开发人员。 什么是多线程&#…

【JS】—垃圾回收机制

一、指令材料 1.定义 JavaScript&#xff08;JS&#xff09;的垃圾回收机制是一种自动管理内存的过程&#xff0c;它有助于释放不再使用的内存&#xff0c;以避免内存泄漏和提高程序的性能。 JavaScript的垃圾回收机制是一种自动管理内存的方式&#xff0c;以确保不再被引用的…

【RocketMQ】路由中心NameServer

【RocketMQ】路由中心NameServer 参考资料&#xff1a; RocketMQ Nameserver 背后的设计理念 RocketMQ之NameServer详解 深入剖析RocketMQ源码-NameServer —— vivo互联网技术 《RocketMQ技术内幕》 文章目录 【RocketMQ】路由中心NameServerNameServer架构设计NameServer工作…

上海亚商投顾:沪指震荡调整 两市成交金额跌破6000亿

上海亚商投顾前言&#xff1a;无惧大盘涨跌&#xff0c;解密龙虎榜资金&#xff0c;跟踪一线游资和机构资金动向&#xff0c;识别短期热点和强势个股。 一.市场情绪 三大指数昨日集体调整&#xff0c;创业板指续创3年多以来新低。ST板块继续走强&#xff0c;*ST柏龙、ST恒久等…

笔记2.2:网络应用基本原理

一. 网络应用的体系结构 &#xff08;1&#xff09;客户机/服务器结构&#xff08;Client-Server, C/S&#xff09; &#xff08;2&#xff09;点对点结构&#xff08;Peer-to-Peer&#xff0c;P2P&#xff09; &#xff08;3&#xff09;混合结构&#xff08;Hybrid&#x…

leetcode646. 最长数对链(java)

最长数对链 题目描述贪心解法二 动态规划 dp 题目描述 难度 - 中等 leetcode646. 最长数对链(java) 给你一个由 n 个数对组成的数对数组 pairs &#xff0c;其中 pairs[i] [lefti, righti] 且 lefti < righti 。 现在&#xff0c;我们定义一种 跟随 关系&#xff0c;当且仅…

数字散斑干涉测量仿真研究

一、引言 数字散斑干涉技术(digital speckle pattern interferometry&#xff0c;DSPI)是一种测量物体表面微小变形的测量技术&#xff0c;在生物医学检测、缺陷无损检测、精密制造、材料与结构力学参数评估等领域起着日益重要的作用&#xff0c;具有实时性、高精度、非接触、…

npm、yarn、pnpm如何清除缓存?

前端工程化创建项目会经常使用各种安装包管理工具&#xff0c;安装各种前端依赖包。例如&#xff0c;npm、yarn、pnpm等。时间一长&#xff0c;各种安装包管理工具的在安装依赖时&#xff0c;留下的缓存文件就会变得很大&#xff0c;以至于影响系统的运行&#xff0c;因此必要时…

kdxf speex

speex import subprocess# 定义FFmpeg命令 ffmpeg_command [ffmpeg,#-f, dshow,-i, rd:\tug\iat_mp3_16k.mp3,-acodec, speex,-ar, 16000,-ab, 16000,-ac, 1,output.spx ] spxcmdspxTest -enc 16000 7 1280 D:\\tug\iat_pcm_16k.pcm 1.speex #ffmpeg -f dshow -i audio"…

易优cms安装插件时显示空白一片处理方法

检查网站权限是否自己改过&#xff0c;看下图操作

camera驱动层和硬件层简介

目录 Camera Driver 1. V4L2 框架简介 1&#xff09;关键结构体 2&#xff09;模块初始化 3&#xff09;处理用户空间请求 2. 高通KMD框架详解 1&#xff09;概览 2&#xff09;核心模块解析 3&#xff09;模块初始化 4&#xff09;处理UMD CSL请求 Camera Hardware…

孤网双机并联逆变器下垂控制策略MATLAB仿真模型

微❤关注“电气仔推送”获得资料 主体模块&#xff1a; 建议使用MATLAB2021b及以上版本打开&#xff01; 功率计算模块、下垂控制模块、电压电流双环控制模块 系统输出有功功率: 系统输出无功功率&#xff1a; 系统频率变化曲线: 参考文献&#xff1a; 微电网并网运行模式下…

智慧燃气管网监控预警系统探析

关键词&#xff1a;智慧燃气、智能管网、智慧燃气系统、智能燃气、燃气监控、数据挖掘 “智慧城市”是我国当前城市发展的新理念&#xff0c;“智慧城市”离不开天然气等清洁能源的普及和发展&#xff0c;在这一理念的指引下&#xff0c;我国城市的燃气使用普及率和使用范围都…

2023-09-20 Teaching Note for Class 1

文章目录 1. Sign-in Result2. Content of Course3. History of Computer4. Free Topic 1. Sign-in Result Let’s take a look at the sign-in result Everybody is here. 2. Content of Course the course consists of eight modules 3. History of Computer 4. Free To…

求生之路2服务器搭建插件安装及详细的游戏参数配置教程windows

求生之路2服务器搭建插件安装及详细的游戏参数配置教程windows 大家好我是艾西&#xff0c;最近研究了下 l4d2&#xff08;求生之路2&#xff09;这款游戏的搭建以及架设过程。今天就给喜欢l4d2这款游戏的小伙伴们分享下怎么搭建架设一个自己的服务器。毕竟自己当服主是热爱游…