更新一个js中的this的四个指代对象，作为学习笔记

来源：互联网发布：excel人事管理数据库编辑：程序博客网时间：2024/05/12 13:03

9/22/2016 北京天气开始有点不友好

今天被一个判断语句卡了一上午，

 if(this.props.percent===100)

这里是取不到我想要的percent值的，因为this目前是指代component对象，所以需要给标签加一个ref=progress1，react代码改为

 if(this.refs.Progress1.props.percent===100)

这里做个笔记：关于js中this的四种情况

1、component之内，不在function函数的参数列表中，this指代目前的component实例；

2、component之内，是function的调用参数，this指代当前运行环境的全局变量，对浏览器而言就是Window；如还要使用component实例来调用方法，可以var一个变量在function外把它保存下来，在函数内使用；//es6的let不知道能不能用，之后试一试再回来改！

3、this出现在构造函数里，指代的是调用构造函数实例化的实例。

4、调用apply、call、bind方法，这些方法的作用是改变函数的调用对象，所以this也发生改变。

以上是我看了慕课网Materliu老师的课做的笔记，害怕表述的不对，如果有那么一个人看到，仅供参考，算作翻译吧哈哈哈

0 0