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

2023-09-20 20:48:33

文章目录

一: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('\\\\\\') //控制台:\\\

更多推荐

ElasticSearch(二)

1.DSL查询文档elasticsearch的查询依然是基于JSON风格的DSL来实现的。1.1.DSL查询分类Elasticsearch提供了基于JSON的DSL(DomainSpecificLanguage)来定义查询。常见的查询类型包括:查询所有:查询出所有数据,一般测试用。例如:match_all全文检索(fu

高教杯数学建模A题程序设计要点与思路

2023年是我最后一次参加高教杯大学生数学建模竞赛以后不会再参加了(大四参加意义不太,研究生有研究生的数学建模大赛)很遗憾由于各种原因我们没有能够完成赛题2022年美赛2022年MathorCup2022年国赛2022亚太杯2023年美赛2023年国赛我和我的朋友一共参加了6次比赛6次比赛我交到了很好的朋友然鹅成绩比较

Java 8 新特性解读及应用实践

Java8新特性解读及应用实践一、简介二、Lambda表达式三、流式编程四、日期/时间API1.概述2.LocalDate、LocalTime、LocalDateTime等类的使用3.格式化与解析五、重复注解和类型注解1.概念与作用2.重复注解实例3.类型注解实例六、小结回顾一、简介Java8带来了众多重大改进和新特性

【网络协议】Http-上

Http请求结构:结构图1:实验解析请求报文:1.在Edge浏览器上输入ip地址+端口号+文件资源,也就是下图中的120.XX.139.29:8888/A/B/c.html2.我的程序接收到了一个没有有效载荷的http请求(呼应上面的结构图1),如下GET/1/2/3.htmlHTTP/1.1//请求行(请求方法+请求

关于路由懒加载

路由懒加载是一种优化技术,它是可以延迟加载应用程序的某些模块或者组件,而不是在初始加载时一次性加载所有内容,这样可以减少初始加载的文件体积,提高应用程序的加载速度1.懒加载是在什么时候加载路由懒加载是在用户访问相应的路由时才进行加载。它延迟加载路由组件,使得在初始加载时只加载必要的代码,而将其他路由的代码推迟到需要时再

实验篇——根据群体经纬度提取环境数据(先导)

实验篇——根据群体经纬度提取环境数据(先导)文章目录前言一、获取数据文件1.1.经纬度文件1.2.环境数据的tif文件二、R语言代码实现三、环境文件介绍3.1.bio3.2.prec3.3.elev3.4.tmin3.5.tmax3.6.vapr13.7.tavg3.8.srad3.9.wind四、后续总结前言首先得到

LLM - 大模型技术报告与训练细节 By Baichuan2

目录一.引言二.Introduction-LLM相关进展1.模型参数越大,模型能力越强2.开源模型促进LLM领域快速发展3.开源模型集中在英文领域,其他语言能力有限4.训练数据2.6亿Token遥遥领先5.优化人类指令发布对应Chat模型6.公布了训练过程中的CKPT促进领域研究发展三.Pre-training-Bai

Vue路由与nodejs环境搭建

目录一、Vue路由1.1SPA简介1.2路由简介1.3路由实现思路1.3.1引入vue-router的js依赖1.3.2定义组件1.3.3定义路由1.3.4组装路由器1.3.5将路由挂载根实例1.3.6定义触发路由的按钮1.3.7定义锚点1.4示例二、nodejs环境搭建2.1nodejs简介2.2nodejs下载2.

权威敏捷产品经理(CSPO)企业培训

课程简介优秀的产品通常包括以下三个特征:第一:能够抓住用户痛点,帮助用户解决问题;第二:容易使用,极致的用户体验;第三:质量好、性能稳定。这是一个两天的面向产品经理的实训课程,课程旨在帮助学员掌握按照敏捷和互联网思维进行产品研发,打造用户喜爱的产品的思路及实践。课程内容涵盖了产品思维、用户需求挖掘、痛点分析,价值驱动、

APP产品经理岗位的具体内容(合集)

APP产品经理岗位的具体内容11、负责项目产品团队的管理工作,对项目产品团队考核目标负责;2、全面负责“工务园”所有产品,全方位负责其生命周期管理;3、按照产品管理相关的计划和规范,对产品版本的更新及发布负责,完善产品的各种技术文档;4、深刻理解业务需求并转化为系统需求,撰写产品需求文档和需求规格说明书;编写帮助文档、

GLTF编辑器如何快速重置模型原点

1、什么是模型原点?模型原点是三维建模中的概念,它是指在一个虚拟三维空间中确定的参考点。模型原点通常位于模型的几何中心或基本组件的中心位置。如图所示:可以看到模型的原点在模型的几何中心2、模型原点的作用知道了什么是模型原点,那么模型原点有那些作用呢?以下是模型原点的作用点:位置确定:模型原点可以帮助确定模型在三维空间中

热文推荐