×

Web前端开发:构造完函数,如何去调用呢?

作者:andy0012020.09.01来源:Web前端之家浏览:6006评论:0
关键词:js

我们在前端开发过程中,构造完函数,如何去调用呢?分享下几种方法:

第一种:

函数立即调用执行模式。这里面的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指向构造出来的对象;

<script>
    function Cat(){
        console.log(this);
    }
    Cat.prototype.show=function(){
        console.log(this);
    }
    var t=new Cat();//cat{};//通过构造函数创建的对象,相当于直接调用函数,没有返回值的情况下,得到的是cat本身;
    t.show();//cat{}对象;
    console.log(t==this);//false;
    Cat.prototype.show();//show{};
    Cat();//直接调用window
</script>

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/js9239-0293-49-09.html

网友评论文明上网理性发言 已有0人参与

发表评论: