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('\\\\\\') //控制台:\\\
相关推荐
sunly_2 分钟前
TypeScript总结:16、面向对象速查
前端·javascript·typescript
张元清6 分钟前
React useInterval Hook:没有过期闭包的 setInterval (2026)
javascript·react.js
MXN_小南学前端6 分钟前
React超长文本域中实现“返回顶部”浮动按钮
前端·javascript·react.js
言乐67 分钟前
Python游戏水平测试辅助系统2
开发语言·windows·python·游戏·django
我不是疯子是傻子19 分钟前
Qt 实时曲线卡顿优化:从QPainter到OpenGL的3级加速实战
开发语言·qt
zlinear数据采集卡21 分钟前
D223 ADC数据处理流水线:从原始采样值到工程单位的完整转换链
开发语言·arm开发·嵌入式硬件·fpga开发·开源·c#
gs8014035 分钟前
解构 Cordis:面向“时空可组合性”的 TypeScript 元框架深度剖析
前端·javascript·typescript
Highcharts.js1 小时前
Highcharts大数据渲染模块Boost实战与参数最佳实践表
javascript·数据可视化·boost·highcharts·大数据渲染·加速配置·参数表
nnerddboy1 小时前
Rust教程04:引用、借用与切片
开发语言·后端·rust
岁岁种桃花儿1 小时前
Vue核心语法第一篇:Vue是什么?
前端·javascript·vue.js