前端---js（自学笔记11）（函数的简介、函数的参数、函数的返回值、实参可以是任意值、方法.....）

最新推荐文章于 2023-08-07 09:34:38 发布

ABU_MOlI_ITUI

最新推荐文章于 2023-08-07 09:34:38 发布

阅读量5.3k

点赞数

分类专栏： javaScript 文章标签： javascript

本文链接：https://blog.csdn.net/ABU_MOlI_ITUI/article/details/107149045

版权

javaScript 专栏收录该内容

29 篇文章 1 订阅

订阅专栏

函数的简介：

函数（function）：函数也是一个对象，但是对象里封装的是属性，函数里封装的是功能代码块。函数中可以保存一些代码，在需要的时候调用。使用typeof对函数进行检查，返回的则是function。

创建一个函数对象，可以将要封装的代码，以字符串的形式传递给构造函数。（这种不常用）

var fun = new Function("console.log('你好')")

封装到函数中的代码不会立即执行，只会在调用的时候使用。
调用函数语法：函数对象（）

fun();

当调用函数时，函数中封装的代码会按照顺序执行。

使用函数声明来创建一个函数，语法：function 函数名（[形参1，形参2.........]）{ }

function fun(){
        console.log("hhhhh");
        alert("fff");
}
fun();

使用函数表达式创建一个函数，语法：var fun3=function 函数名（[形参1，形参2.........]）{ }

var fun=function(){
        console.log("hhhhh");
        alert("fff");
}
fun();

函数的参数：

可以在函数的（）里指定一个或多个形参（形式参数），多个形参之间用逗号隔开，声明形参就相当于在函数内部声明了对应的变量，但并不赋值。

在调用函数时，可以在（）中指定实参（实际参数），实参将会赋值给函数中的形参。

调用函数时，解析器不会检查实参类型。注意：是否有可能接收到非法参数，，如果有可能，则需要对参数进行类型检查。

调用函数时，解析器也不会检查实参数量，多余实参不会被赋值。如果实参的数量少于形参，，则没有对应的实参，则返回undefined。

函数的返回值：

可以使用return来设置函数的返回值，语法：return 值。return后的值将会作为函数的执行结果返回，可以定义一个变量，来接收结果。

如果return后不跟任何值，则会返回undefined。如果不写return，也会返回undefined。

写在return值后边的语句不执行。return后面可以跟任意数据类型的值。

实参可以是任何值：

参数可以是任意值，也可以是对象，当参数太多时，可以将参数封装到一个对象中，然后通过对象传参。同样实参还可以是一个函数。

当实参为函数时，例如：fun(fun1());当fun1不带（）时，传的是函数，当fun1带上（）时，则传递的是fun1的返回值。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			//定义一个函数,判断他是否为偶数,如果是为true,反之false
			function isOS(num){
 				return num%2 == 0;				
			}
			var result =isOS(14);
			alert("result="+result);
		</script>
	</head>
	<body>
	</body>
</html>

结果：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
            //定义一个函数,并根据半径计算出圆的面积,
			function  area (radius){
				return radius*radius*3.14;
			}
			var result =area(10);
			alert("result="+result);
		</script>
	</head>
	<body>
	</body>
</html>

结果：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
	     function sayHello(o){
	     	console.log("我是"+o.name+"我是一个"+o.sex+"生，并且"+o.age+"岁")
	     }
	     
	     var obj={
	     	name:"韩宇",
	     	sex:"男",
	     	age:25
	     };
	     sayHello(obj);
	     
		</script>
	</head>
	<body>
	</body>
</html>

返回值的类型：

break----结束当前循环；

continue-----跳过当次循环；

return----结束整个循环；

返回值：var a =fun（）；a（）；等于fun（）（）；

立即执行函数：

函数对象（）；

立即执行函数：函数定义完毕，立即被调用，立即函数往往只会执行一次。

(function(){
alert("立即执行函数");
})();

方法：

函数也可以称作为对象的属性，如果一个函数，作为一个对象的属性保存。那么我们称这个函数是这个对象的方法。调用函数，就是调用对象的方法。

枚举对象中的属性：

语法：for（var 变量 in 对象）{ }；

for......in语句中有几个属性，循环体就执行几次。每次执行时，会将对象中的一个属性赋值给变量。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
	     var obj={
	     	name:"韩宇",
	     	sex:"男",
	     	age:25
	     };
	     
	     for(var n in obj){
	     	alert("属性名："+n);
	     	alert("属性值："+obj[n])
	     }
	     
	     
		</script>
	</head>
	<body>
	</body>
</html>

ABU_MOlI_ITUI

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
前端---js（自学笔记11）（函数的简介、函数的参数、函数的返回值、实参可以是任意值、方法.....）

函数的简介：函数（function）：函数也是一个对象，但是对象里封装的是属性，函数里封装的是功能代码块。函数中可以保存一些代码，在需要的时候调用。使用typeof对函数进行检查，返回的则是function。创建一个函数对象，可以将要封装的代码，以字符串的形式传递给构造函数。（这种不常用）var fun = new Function("console.log('你好')")封装到函数中的代码不会立即执行，只会在调用的时候使用。调用函数语法：函数对象（）fun();当调用函数时，函
复制链接

扫一扫

专栏目录