最令初学JS者痛恨的 this

  关于this: 

      在事件处理函数中this->可自动获得事件绑定的元素对象

      何时: 只要处理函数的逻辑中必须当前元素才能正常执行时

      反之: 如果函数的逻辑中不需要当前元素也能正常执行时

               就不用加this！
如果事件绑定函数中没用到zoom对象中属性和方法 不用bind(this)

$elemt.click(function(){
this.XXX.css();
this.YYY.css(;) //因为大括号里的this是指向绑定元素 而其实我是想要这个this指向外面的对象zoom
//从而造造成了this里外this不一样 所以加了bind(this)
//如果用ES6新特性  箭头函数 ()=>{}内外共享this  如果函数体只有一句话 大括号也可以拆掉

}.bind(this))

对象直接量中this->window

    componentDidMount:function(){

        var timer=setInterval(function(){

        var opacityValue=this.state.opacity;

        opacityValue-=0.1;

        if(opacityValue<0.1){

          opacityValue=1.0;

        }

        this.setState({

          opacity:opacityValue

        })

      }.bind(this),100)

    },

    render:function(){

      return <div style={{opacity:this.state.opacity}}>

      {this.props.name}

      </div>

    } 我遇到了定时器里的函数 里外this不一   也要加.bind(this) 切记!!!!