最令初学JS者痛恨的 this
来源:互联网 发布:ubuntu chm阅读器 编辑:程序博客网 时间:2024/05/16 06:37
关于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) 切记!!!!
在事件处理函数中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) 切记!!!!
0 0
- 最令初学JS者痛恨的 this
- 令日本人痛恨的七大中国巨星
- 日本人最痛恨的笑话
- 日本最痛恨的五个笑话(爆笑)!
- 日本最痛恨的五个笑话(爆笑)!
- 接手项目最痛恨的事情
- 日本人最痛恨的中国十大巨星
- 最令我。。。。的一首诗
- UNIX痛恨者手册
- Unix痛恨者手册
- UNIX痛恨者手册
- UNIX痛恨者手册
- unix 痛恨者手册
- 和大家分享一下我近期最痛恨的“三件”事情
- UNIX痛恨者手册[转载]
- 最令PHP初学者头痛的问题
- 初学JS的感谢
- java初学之this的用法
- 注解:实现事务配置
- OSGi初学习
- 开发之旅
- oracle学习总结-----trigger
- oracle中的decode的使用
- 最令初学JS者痛恨的 this
- C++ STL容器迭代器失效-笔记
- Linux学习记录 day2
- android 使用startActivity()从一个fragment 跳转另一个activity出错
- log4j:WARN No appenders could be found for logger (org.springframework.core.env.StandardEnvironment)
- ibatis 延迟加载
- oracle学习总结---record
- poj1035——Spell checker
- 跟css背景有关的属性