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

来源:互联网 发布:电脑微信群发软件 编辑:程序博客网 时间:2021/06/19 15:03

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



原创粉丝点击