JS 中 this 的用法

this是JavaScript语言中的一个关键字

他是函数运行时,在函数体内部自动生成的一个对象, 只能在函数体内部使用.

在不同function中, this有不同的值.

1. 纯粹的函数调用.

function的最终通用用法, 属于全局性调用, 此时this 指向的是全局对象(window).

<script>

        var x = 1;

        function test() {

            console.log(this.x);

        }

        test(); // 1

    </script>

2. 作为对象方法的调用

function还可以最谋改革对象的方法调用. 这时 this就只这个上级对象.

    <script>

        function test() {

            console.log(this.x);

        }

        var obj = {};

        obj.x = 1;

        obj.m = test;

        obj.m(); // 1

    </script>

3. constructor 构造函数调用

所谓构造函数, 就是通过这个函数, 可以生成一个新对象. 这时, this 就只这个新对象.

<script>

        function Test() {

            this.x = 1;

        }

        var obj = new Test();

        obj.x // 1;

    </script>

4. object中function的this

这里this 指向john object. this keyword refers to the object that called the method. object in this cases is john object.

<script>

        var john = {

            name: 'John',

            yearOfBirth: 1990,

            calculateAge: function() {

                console.log(this);

            }

        }

        john.calculateAge();

    </script>

5. 在function中的innerFunction

在innerFunction中的this 指向window 因为 innerFunction是普通的function. default object 是window object.

    <script>

        var john = {

            name: 'John',

            yearOfBirth: 1990,

            calculateAge: function () {

                console.log(this);

                function innerFunction() {

                    console.log(this);

                }

                innerFunction();

            }

        }

        john.calculateAge();

    </script>

http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html

巴特西

JS 中 this 的用法

最新文章

热门文章