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

文章目录

一:JavaScript基本语法

1:JS注释

(一):JS多行注释

(二):JS单行注释

(三):JS中大小写

(四):分号问题

(五):空格和换行

2:字面量和变量

(一):字面量

(二):变量

(三):如何声明变量

(四):如何给变量赋值

(五):标识符

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

1:JS字符串

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

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

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


一:JavaScript基本语法

1:JS注释

(一):JS多行注释

html 复制代码
/*xxxxxxxxxxxxxxxxxxxxxx*/

(二):JS单行注释

html 复制代码
// 只能注释掉这一行的内容

(三):JS中大小写

JS当中严格区分大小写。

(四):分号问题

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

(五):空格和换行

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

2:字面量和变量

(一):字面量

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

(二):变量

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

(三):如何声明变量

html 复制代码
var a;
console.log(a);//"undefined"

(四):如何给变量赋值

html 复制代码
var a = "我是中国人,我是明台的母亲";
var b;
b= 123;

(五):标识符

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

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

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

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

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

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

html 复制代码
<!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字符串基本使用

javascript 复制代码
<!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中引号不能嵌套

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

这种嵌套是可以的。

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

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

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

javascript 复制代码
\" 表示 "
\' 表示 '
\n 表示换行
\t 制表符
\\ 表示 \
javascript 复制代码
console('\\\\\\') //控制台:\\\
相关推荐
小羊没烦恼!5 天前
初探性能优化——2个月到4小时的性能提升
java·开发语言·windows·算法·c#
三十而立洋5 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
伞伞悦读5 天前
【第38期】Python 模块与包详解:import、from、模块搜索路径、包结构和 __init__
开发语言·python
卡布鲁5 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
C语言小火车5 天前
C/C++ 为什么需要编译器?
开发语言·c++
李少兄5 天前
JavaScript 隐式全局变量解析
javascript
霍霍的袁5 天前
【C++】map 和 set 的使用 | 从用法到底层
开发语言·c++·学习·visual studio
孙启超5 天前
【AI开发之Rust】第 11 课:智能指针与内部可变性
开发语言·后端·rust
此生决int5 天前
深入理解C++系列(20)——C++11(下)
开发语言·c++
沙蒿同学5 天前
我用 Go 搭了一条 AI Agent 流水线:从 1 张商品图到一整套淘宝详情页
前端·javascript·后端