JavaScript总结（一）-CSDN博客

本文链接：https://blog.csdn.net/zjs246813/article/details/135985542

JavaScript

1 JavaScript介绍
2 JavaScript的导入
3 JavaScript变量
4 JavaScript运算
- 4.1 关系（比较）运算
- 4.2 逻辑运算
5 JavaScript数组
6 JavaScript函数

1 JavaScript介绍

JavaScript是Web的编程语言，是一种弱类型的语言，即变量可以随意赋值为各种类型的值
具有以下特点：

交互性（它可以做的就是信息的动态交互）
安全性（不允许直接访问本地硬盘）
跨平台性（只要是可以解释 JS 的浏览器都可以执行，和平台无关）

2 JavaScript的导入

JavaScript代码放在<script>和</script>标签之间
定义js文件，通过<script src=“该js文件路径”></script>导入

<!DOCTYPE html>
<html>
<body>
	<script>
		alert("我的第一个 JavaScript");
	</script>
	<script src="myScript.js"></script>
</body>
</html>

3 JavaScript变量

类型	说明
数值类型	number
字符串类型	string
对象类型	object
布尔类型	boolean
函数类型	function

注：所有js 变量未赋于初始值的时候，默认值都undefined，此外还有null（空值）、NaN（Not a Number，非数值），JS区分大小写

JS中定义变量的格式：

var 变量名;
var 变量名 = 值;

4 JavaScript运算

4.1 关系（比较）运算

等于： == 等于是简单的做字面值（一般固定值）的比较
全等于： === 除了做字面值的比较之外，还会比较两个变量的数据类型

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<script type="text/javascript">
			var a = "12";
			var b = 12;
			alert( a == b ); // true
			alert( a === b ); // false
		</script>
	</head>
	<body>
	</body>
</html>

4.2 逻辑运算

在JavaScript语言中，所有的变量都可以作为一个boolean类型的变量去使用。0 、null、 undefined、””(空串) 都认为是false

逻辑运算	符号	说明
且运算	&&	短路运算
或运算	\|\|	短路运算
取反运算	!

5 JavaScript数组

数组定义方式

var 数组名 = []; // 空数组
var 数组名 = [1 , ’abc’ , true]; // 定义数组同时赋值元素

6 JavaScript函数

函数的第一种定义方法

function 函数名(形参列表){
	函数体
}

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<script type="text/javascript">
			// 定义一个无参函数
			function fun(){
				alert("无参函数 fun()被调用了");
			}
			// 函数调用===才会执行
			// fun();
			function fun2(a ,b) {
				alert("有参函数 fun2()被调用了 a=>" + a + ",b=>"+b);
			}
			// fun2(12,"abc");
			// 定义带有返回值的函数
			function sum(num1,num2) {
				var result = num1 + num2;
				return result;
			}
			alert( sum(100,50) );
		</script>
	</head>
	<body>
	</body>
</html>

注：在 JS 中函数允许重载。但是在 JS 中函数的重载会直接覆盖掉上一次的定义

函数的第二种定义方法

var 函数名 = function(形参列表) { 函数体 }

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<script type="text/javascript">
			var fun = function () {
				alert("无参函数");
			}
			// fun();
			var fun2 = function (a,b) {
				alert("有参函数 a=" + a + ",b=" + b);
			}
			// fun2(1,2);
			var fun3 = function (num1,num2) {
				return num1 + num2;
			}
			alert( fun3(100,200) );
		</script>
	</head>
	<body>
	</body>
</html>

隐形参数arguments
JS中arguments数组存储传递过来的所有参数

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<script type="text/javascript">
			function fun(a) {
				alert(arguments.length);//可看参数个数
				alert(arguments[0]);
				alert(arguments[1]);
				alert(arguments[2]);
				alert("a = " + a);
				for (var i = 0; i < arguments.length; i++){
					alert(arguments[i]);
				}
			}
		</script>
	</head>
	<body>
	</body>
</html>