4种函数调用方式

最新推荐文章于 2024-09-12 11:16:20 发布

python基础教程

最新推荐文章于 2024-09-12 11:16:20 发布

阅读量950

点赞数

分类专栏： 07canvas

本文链接：https://blog.csdn.net/stopcpp/article/details/53519102

版权

07canvas 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <script>
        //1.函数执行模式
        function add(a,b){
            console.log(this);
            return a+b;
        }
        add(1,2);//this等于window


        //2.对象方法的调用模式
        function Cat(){
            this.show = function(){
                console.log(this);
            }
        }
        var c = new Cat();
        c.show();//对象调用自己的方法
        //this指向c对象
        //所有的事件响应方法都是对象方法调用模式

        //3.构造器调用模式
        function Cat(){
            this.show = function(){
                console.log(this);
            }
        }
        var c = new Cat();
        //构造器调用模式：this指向构造出来的对象



        //4.call和apply调用模式
        function add(a,b){
            this.result = a+b;
        }
        var p = {};//定义一个空对象
        add.call(p,3,4);//在这个方法调用的时候，this指向p
        console.log(p.result);
        //apply 和 call 是一样的用法，只不过apply第二个参数用数组进行传递
        </script>
    </body>
</html>