【JavaScript】js中this关键字及let与var小对比

JavaScript的this一直比较模糊。不废话，下结论贴代码，再讨论！

结论：函数执行时，this最终指向直接调用this所在函数的对象

代码1：

        let age = 2;
        let kitty = {
            age:1,
            grow:function () {
                    console.log(this.age); //1
            }
        };
        kitty.grow();

此时grow()被kitty直接调用，所以this指向kitty，age为1

代码2:

        let age = 2;
        let kitty = {
            age:1,
            grow:function () {
                setTimeout(function () {
                    console.log(this.age);//undefined
                },100);
            }
        };
        kitty.grow();

此时grow()也被kitty直接调用，但是this所在函数为setTimeout内的function回调函数，并没有对象直接调用此方法（也就是obj.func()这种形式），所以this指向全局window。但此时却不打印出2，而是undefined，这就是要讲得第二点：let与var的区别，请看代码3

代码3：

        var age = 2;
        var kitty = {
            age:1,
            grow:function () {
                setTimeout(function () {
                    console.log(this.age);
                },100);
            }
        };
        kitty.grow();

此时打印2。let与var的一般区别大家都知道：let可以说赋予了js块级作用域。而在这里，let还有个小特性，就是在全局（也就是window）下，用let声明的变量不再属于window，所以代码2会打印undefined