出现 undefined 的几种情况

最新推荐文章于 2024-09-25 11:06:29 发布

原创最新推荐文章于 2024-09-25 11:06:29 发布 · 5.8k 阅读

1 ·

CC 4.0 BY-SA版权

本文通过五个具体的HTML示例，介绍了JavaScript中undefined出现的不同场景，包括变量未定义、已定义但未赋值、函数未传参等情况，并解释了这些情况下为何会返回undefined。

1、变量未定义：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
		console.log(a);  // undefined
	</script>
</body>
</html>

2、变量定义了但未赋值：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
		var a;
		console.log(a);  // undefined
	</script>
</body>
</html>

3、函数未传参：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
		function show(a){};
		console.log(show());   // undefined
	</script>
</body>
</html>

4、只有 return 没有值：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
		function show(){
			return;
		};
		console.log(show());   // undefined
	</script>
</body>
</html>

5、函数没有返回值：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
		function show(){
			
		};
		console.log(show());  // undefined
	</script>
</body>
</html>