首页> 基础笔记 >JS/JQ基础学习 >函数函数

JavaScript函数的声明方式

作者：小萝卜 2023-03-21 【 javascript 】浏览 263

简介第一种是使用function语句定义函数第二种是使用Function()构造函数来定义函数第三种是在表达式中定义函数

第一种是使用function语句定义函数

第二种是使用Function()构造函数来定义函数

第三种是在表达式中定义函数

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>函数的声明方式</title>
</head>
<body>
	<div id="move" style="width:100px;height:100px;background:orange;" onclick="funcThree(5,2,1)"></div>

	<script type="text/javascript">

	//重复定义
	var funcOne = 100;

	//第一种
	// funcOne();//ok
	function funcOne(){
		alert('第一种声明');
	}
	// funcOne();

	//第二种声明方式
	// funcTwo();// ng
	var funcTwo = function(){
		alert("第二种声明");
	}
	// funcTwo();

	// funcThree();//ng
	//第三种声明方式 func_get_args  这里Function里面接收多个参数 最后一个参数是函数体  之前的参数都是函数的参数
	var funcThree = new Function('a','b','c','alert(a+b+c)');
	// funcThree(10,20,30);

	
	funcOne();

	//只有第一种声明方式可以优先加载,就是在函数声明之前进行调用 其他不可以
	//在js中 函数名(第一种声明方式) 不能跟变量重名


	//函数的调用  如果没有手动返回值 这里默认返回undefined
	// var res = funcTwo();
	// console.log(res);//

	</script>
</body>
</html>

很赞哦！ (0)

上一篇：JavaScript函数声明的要点