JavaScript自定义函数（函数的定义、函数的调用、函数的参数、函数的返回值、匿名函数、变量的作用域）

最新推荐文章于 2022-05-19 09:32:06 发布

Program Debug

最新推荐文章于 2022-05-19 09:32:06 发布

阅读量3.8k

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_46990454/article/details/110917511

版权

JavaScript 专栏收录该内容

28 篇文章 3 订阅

订阅专栏

JavaScript自定义函数

函数的定义：
定义函数和其他的普通JavaScript的代码相同，都需要放在标签对中，但同时要使用关键字function。
function(形参1, ……, 形参n){
语句块;
}
函数定义的规则：
（1）使用function关键字。function后直接是函数名。
（2）函数的命名规则与变量的命名规则相同。
（3）函数名后的形参可以是无限个，也可以不设置形参。
（4）{}中是执行的代码语句块。

//自定义计算矩形的面积的函数
<body>
	<script type="text/javascript">
		function Area(width, height){
			var area = width * height;
			document.write(area);
		}
	</script>
</body>

函数的调用：
函数是不会自动执行的，需要在适当的时候调用适当的函数。函数的调用也需要放在标签对中。

//自定义计算矩形的面积的函数并调用
<body>
	<script type="text/javascript">
		Area(3, 4);
		function Area(width, height){
			var area = width * height;
			document.write(area);
		}
	</script>
</body>

调用一个函数的前提是这个函数必须事先要被定义好，如果调用一个没有定义好的函数，则会得到一条错误函数。

函数的参数：
对于函数外部的语句来说，函数内部的语句是不可见的，而函数的参数就是沟通两者之间的桥梁。通过参数，外部的语句可以传递不同的数据给函数处理。
参数也是一种变量，但只能被函数内部的语句使用，并且在被调用时赋值，常称为形参。
JavaScript中的参数的生命不需要使用关键字var，但参数的命名规则与变量的命名规则相同。

函数中参数的特殊性：
（1）函数声明了参数，在调用时也可以不传递参数。
（2）无论函数声明时有多少个参数，在调用函数时可以传递若干个参数值给函数，且实际传递的参数值还可以在函数内部获得。

在函数被调用时，arguments对象被创建。arguments表示的是实际向函数传入了多少个参数（arguments对象相当于一个数组，而传递的参数为元素）。

//计算公司人数及总工资
<body>
	<script type="text/javascript>
		function Total(){
			var sum = 0;//总工资
			var num = arguments.length;//人数
			for(var i = 1; i <= num; i++){
				sum += arguments[i];
			}
			document.write("总人数是：" + num + "，总工资是：" + salary);
		}
	</script>

	<dl>
		<dt><h3>A公司</h3></dt>
		<dd><script type="text/javascript">Total(2000, 4000, 6000)</script></dd>
	</dl>
	<dl>
		<dt><h3>B公司</h3></dt>
		<dd><script type="text/javascript">Total(3000, 6000, 9000, 5000)</script></dd>
	</dl>
</body>

通过arguments中length属性，可以采用数组元素的访问元素的访问方式访问arguments对象。

函数的返回值：
函数的返回值能够将一个函数内部产生的结果通过函数的返回值语句return返回给外部语句使用。

语法结构：
return 返回值;
var result = 函数名(参数);

<body>
	<script type="text/javascript">
		var result = Area(3, 4);
		function Area(width, height){
			var area = width * height;
			return area;
		}
	</script>
</body>

匿名函数：
匿名函数，顾名思义即为没有名字的函数，又称为达拉姆函数。
语法结构：
function (参数){

};
调用结构：
(function (){ 语句块; })(参数);

<body>
	<script type="text/javascript">
		//定义匿名函数
		function (width, height){
			//计算矩形面积
		}
	</script>
	
	<h3>宽度为：3，高度为：4的矩形面积为：</h3>
	<script type="text/javascript>
		//调用匿名函数
		(function (width, height){ document.write(width * height); })(3, 4);
	</script>
</body>

在JavaScript中，函数也是一种数据类型，称为Function类型。

<body>
	<script type="text/javascript">
		var result = function (width, height){
			var area = width * height;
			return area;
		}
	</script>
</body>

变量的作用域：
变量的作用域主要分为全局变量和局部变量。全局变量是在函数外部任意地方声明的，可以在函数内部使用。局部变量实在函数内部声明的，只能在函数中使用，且随着函数的结束而消失。
如果全局变量和局部变量出现重名情况，局部变量优先使用，即无论全局变量怎么改变，函数内部的变量永不会受到影响。

<script type="text/javascript">
	var width = 10;
	document.write(width);
	var result = function Wid(width){
		var tem = 20;
		width = tem;
		return width;
	}
	document.write(result);
</script>

Program Debug

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
JavaScript自定义函数（函数的定义、函数的调用、函数的参数、函数的返回值、匿名函数、变量的作用域）

JavaScript自定义函数函数的定义：定义函数和其他的普通JavaScript的代码相同，都需要放在标签对中，但同时要使用关键字function。function(形参1, ……, 形参n){语句块;}函数定义的规则：（1）使用function关键字。function后直接是函数名。（2）函数的命名规则与变量的命名规则相同。（3）函数名后的形参可以是无限个，也可以不设置形参。（4）{}中是执行的代码语句块。//自定义计算矩形的面积的函数<body> <scri
复制链接

扫一扫