JavaScript之学习this

原创于 2017-03-26 00:46:56 发布 · 451 阅读

CC 4.0 BY-SA版权

本文通过一个简单的HTML内嵌JavaScript示例，介绍了JavaScript中this关键字的工作原理。this对象在运行时基于函数的执行环境进行绑定，在全局函数中this等于window，而在作为对象方法调用时this等于该对象。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Function - Study this</title>

    <script type="text/javascript" charset="utf-8">


        k = 10;


        function test() {
            this.k = 20;
            document.write(this);
            document.write('<br>' + '==================' + '<br>');
        }

        test();
        document.write(k);
        document.write('<br>' + '==================' + '<br>');
        document.write(test.k);

    </script>


</head>
<body>

</body>
</html>