this词法

2018-06-24 01:18:36来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

1、示例代码

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

    <head>
        <meta charset="UTF-8" />
        <title>词法作用域</title>
    </head>

    <body>

        <script type="text/javascript">
            //方法一:self通过使用词法作用域和闭包
            //          var obj = {
            //              count:0,
            //              cool:function coolFn(){
            //                  var self= this;
            //                  if(self.count<1){
            //                      setTimeout(function timer(){
            //                          self.count++;
            //                          console.log(self.count);
            //                      },1000)
            //                  }
            //              }
            //          };
            //方法二:使用箭头函数
            //          var obj = {
            //              count:0,
            //              cool:function coolFn(){
            //                  if(this.count<1){
            //                      setTimeout(()=>{
            //                          this.count++;
            //                          console.log(this.count);
            //                      },1000)
            //                  }
            //              }
            //          };
            //方法三:使用bind()
            var obj = {
                count: 0,
                cool: function coolFn() {
                    if(this.count < 1) {
                        setTimeout(function timer() {
                            this.count++; //this是安全的,因为使用了bind
                            console.log(this.count);
                        }.bind(this), 1000)
                    }
                }
            };
            obj.cool();
        </script>
    </body>

</html>

2、解决this绑定问题

(1)最常用的是方法一

(2)箭头函数:不够理想,函数是匿名的;同时混淆了this绑定规则和词法作用域规则。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:移动web开发之touch事件

下一篇:小刘同学的第二十四篇博文