JS 中函数的 length 属性

Posted ノ→_→ (←_←

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS 中函数的 length 属性相关的知识,希望对你有一定的参考价值。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>length 属性</title>
 6 </head>
 7 <body>
 8 <script>
 9   // length 是函数对象的一个属性值,指该函数有多少个必须要传入的参数,即形参的个数
10   // 形参的数量不包括剩余参数个数,仅包括第一个具有默认值之前的参数个数
11   // 如下:
12 
13   // 0, rest parameter is not counted 不包括剩余参数个数
14   console.log("function(...args)",(function(...args) {}).length); // 0
15 
16   //有默认值:包括第一个具有默认值之前的参数个数
17   console.log("function()",function(){}.length); // 0
18   console.log("function(a = 1, b, c)",(function(a = 1, b, c) {}).length); // 0
19   console.log("function(a, b = 1, c)",(function(b, a = 1, c) {}).length); // 1
20   console.log("function(a, b, c = 1)",(function(b, c, a = 1) {}).length); // 2
21 
22   //没有默认值:参数个数
23   console.log("function()",(function(){}).length); /* 0 */
24   console.log("function(a)",(function(a){}).length); /* 1 */
25   console.log("function(a, b)",(function(a, b){}).length); /* 2 */
26 
27   // 与之对比的是,  arguments.length 是函数被调用时实际传参的个数
28   console.log("fun (1,2,3) :arguments.length",(function(a = 1, b, c) {return arguments.length})(1,2,3)) // 3
29 
30   //MDN:Function 构造器本身也是个Function,它的 length 属性值为 1
31   console.log("MDN:Function.length",Function.length); /* 1 */
32 
33 var length="outter";
34 var obj = {
35   length:"inner",
36   exec:function (){
37     return (function(length){
38       return function(){
39         // code
40       }
41     })(this.length);
42   }
43 };
44 
45 var exec=obj.exec();
46 console.log(exec.length); // 0 
47 // 解析: 返回的 exec 是一个闭包 function(){...} ,由上面的 function(){}.length 返回 0 ,可知此处也是返回 0
48 
49 </script>
50 </body>
51 </html>

 

以上是关于JS 中函数的 length 属性的主要内容,如果未能解决你的问题,请参考以下文章

js 函数

21个常用代码片段

jqGrid filterToolbar():无法读取未定义的属性“length”

JS中函数的地方方式

JS代码片段:一个日期离现在多久了

《JS权威指南学习总结--8.7 函数属性方法和构造函数》