1. 主页
  2. 文档
  3. JS
  4. 面向对象
  5. 认识上下文

认识上下文

<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

</head>

<body>
    <script>
        //什么是上下文。
        //这是一个好习惯。 这 this
        //函数的上下文。
        //函数中的this.

        //函数的上下文有调用的方式来决定
        var obj = {
            a: 1,
            b: 2,
            fu: function() {
                console.log(this.a + this.b); //3
                console.log(this == obj); //true
            }
        }

        obj.fu(); //对象调用的函数,this 代表的就是obj.

        var fun = obj.fu;
        fun(); //对象调用的函数放到变量中时,this 代表的就是window

        console.log(this === window); //true
    </script>
</body>

</html>
这篇文章对您有用吗?

我们要如何帮助您?