JS学习笔记-Function对象

╰+哭是因爲堅強的太久メ 2023-06-18 09:57 12阅读 0赞

## Function对象 ##

**一、创建**  
有三中创建方法，比较常见的是后两种

*1. var 方法名 = new Function(“形参列表”,“方法体”);//了解即可，要加双引号。  
2. function 方法名(形参列表)\{  
方法体  
\}  
3. var 方法名 = new function(形参列表)\{  
方法体  
\}*

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    	    <script>
    			var fun1 =new Function("a","alert(a)");
    			fun1(10);
    			function fun2(a){ 
    				alert(a);
    			}
    			fun2(5);
    			var fun3 = new function(a){ 
    				alert(a);
    			}
    			fun3(1);
    		</script> 
    	</body>
    </html>

结果：  
![在这里插入图片描述][2019120121582910.png]  
![在这里插入图片描述][20191201215901395.png]  
![在这里插入图片描述][20191201215926951.png]  
**二、属性**  
1.length：表示形参的个数  
2.用法，方法名.length  
例子：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    	    <script>
    			function fun2(a,c,d){ 
    				alert(fun2.length);
    			}
    			fun2(5,1,3);
    		</script> 
    	</body>
    </html>

结果：  
![在这里插入图片描述][2019120122020448.png]  
**三、特点**

1.  方法定义时，形参类型和返回值不用写
2.  方法是一个对象，名称相同会覆盖
3.  方法调用与名称相关，和参数无关
4.  在方法声明中，有一个内置对象（数组），arguments，用于封装所有的形参

**四、**  
调用  
*方法名(实际参数列表);*

[2019120121582910.png]: https://img-blog.csdnimg.cn/2019120121582910.png
[20191201215901395.png]: https://img-blog.csdnimg.cn/20191201215901395.png
[20191201215926951.png]: https://img-blog.csdnimg.cn/20191201215926951.png
[2019120122020448.png]: https://img-blog.csdnimg.cn/2019120122020448.png