Javascript函数中this

最新推荐文章于 2023-05-16 22:40:39 发布

丷寒枫丷

最新推荐文章于 2023-05-16 22:40:39 发布

阅读量129

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/qq_24432127/article/details/108582675

版权

Javascript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script>
        function f1(){
            alert(this);
        }

        /*
        因为直接在页面上定义的函数其实默认就是注册给了 window 对象
        所以直接f1() 这样调用函数和通过window.f1()来调用函数是完全一样的
        正因为f1()函数是 window 对象的函数， 所有f1()函数内部this就是表示的 window 对象
        在一个函数内部， this表示的是那个对象， 取决于当前函数是那个对象的函数
        */
        window.f1();

        function Person(){
            this.toString = function(){
                return 'Person类型';
            }
        }

        var p1 = new Person();
        console.log(p1.toString());
        p1.fn = f1;
        p1.fn();

        /*
        当一个函数注册给不同的对象时， 在调用时，函数中使用的this表示的是不同的对象
        */

        var name = 'Window中的name对象';

        function f2(){
            this.name  = 'f2中的name对象';
            this.getName = function(){

                console.log(this.name);

                return function(){
                    return this.name; 
                }
            }
        }

        var p  = new f2();
        console.log(p.getName()());

        /*
        f2函数中 getName 打印的两个this.name 截然不一样
        第一个是注册给了f2对象 所以打印出的是  ‘f2中的name对象’
        第二个是注册返回了个匿名函数，没有直接注册给f2，所以默认注册给了window对象 ，所以打印出的是 ‘Window中的name对象’
        */

    </script>


</head>



<body>
    



</body>
</html>

丷寒枫丷

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript函数中this

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> function f1(){.
复制链接

扫一扫