js函数的length属性和call和apply函数详解

最新推荐文章于 2024-02-20 08:20:16 发布

guishengbin

最新推荐文章于 2024-02-20 08:20:16 发布

阅读量530

点赞数

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

本文链接：https://blog.csdn.net/guishengbin/article/details/41091649

版权

javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>函数的属性</title>
   <meta name="author" content="ASUS" />
   
   <script type="text/javascript">
       /*
         *函数还有2个非常中的属性length和prototype
         * length指的是函数所期望传递进来的参数的个数
         * prototype指的是函数的原型
         */
        function fun1(){}
        function fun2(num1){}
        function fun3(num1,num2){}
       // alert(fun1.length);//0
        // alert(fun2.length);//1
        // alert(fun3.length);//2

       /*
        *call和apply方法是可以通过函数名称来调用的函数
        * 对于apply而言
        *有两个参数，第一个是调用的上下文，第二个是参数数组，可以直接把arguments传递进去
        *对于call而言
        *第一个参数是上下文对象，后面的参数是不同函数参数
        */
        function add(a,b){
            return a+b;
        }

        function callAdd1(a,b){
            return add.call(this,a,b);
        }

        function callAdd2(a,b){
          //此方式也可 return add.apply(this,arguments);
           return add.apply(this,[a,b]);
        }

       // alert(callAdd1(20,30));//50

        // alert(callAdd2(20,30));//50

         var color="red";
         function showColor(){
             alert(this.color);
         }

         function Person(color){
             this.color = color;
         }

         var p1 = new Person("blue");

        showColor.call(p1);
         //下面的this就代表window
         showColor.call(this);
   </script>
</head>
<body>

</body>
</html>

guishengbin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js函数的length属性和call和apply函数详解

"http://www.w3.org/TR/html4/strict.dtd"> 函数的属性 /* *函数还有2个非常中的属性length和prototype * length指的是函数所期望传递进来的参数的个数 * prototype指的是函数的原型
复制链接

扫一扫

专栏目录