函数的三种调用方式

最新推荐文章于 2024-05-08 14:36:47 发布

转载最新推荐文章于 2024-05-08 14:36:47 发布 · 1.4k 阅读

第一种：  函数立即调用执行模式。这里面的this指向window;

 function add(a,b){
        console.log(this);
        return a+b;
    }
    add();//this === window //true

第二种：通过构造函数创建对象，然后调用自己的方法；这里的this指向对象本身；也可说是函数的调用者；

<script>
    function fun(){
        this.show=function(){
            console.log(this);
        }
    }
    var f=new fun();
    f.show();//f对象；
</script>

第三种：通过构造器调用函数：this指向构造出来的对象；

 1 <script>
 2     function Cat(){
 3         console.log(this);
 4     }
 5     Cat.prototype.show=function(){
 6         console.log(this);
 7     }
 8     var t=new Cat();//cat{};//通过构造函数创建的对象，相当于直接调用函数，没有返回值的情况下，得到的是cat本身；
 9     t.show();//cat{}对象;
10     console.log(t==this);//false;
11     Cat.prototype.show();//show{};
12     Cat();//直接调用window
13 </script>