开发者社区云计算文章正文

普通函数中的this指向问题解决方案bind

2023-08-15 27

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 普通函数中的this指向问题解决方案bind

前言

我是歌谣歌谣的意志是永恒的放弃很容易但是坚持一定很酷

导语

歌谣歌谣如下的代码报错了怎么解决

编辑

``` //口诀谁调用就会指向谁这边是普通函数直接报错this.fang is not a function var name="geyao" var

fangfang = { name : "fangfang",
fang: function () {
        console.log(this.name)
    },
    fun: function () {
        setTimeout( function () {
            this.fang()
        },100);
    }
};
fangfang.fun()

解决思路

``` //口诀谁调用就会指向谁这边是普通函数直接报错this.fang is not a function var name="geyao" var

fangfang = { name : "fangfang",
fang: function () {
        console.log(this.name)
    },
    fun: function () {
        setTimeout( function () {
            this.fang()
        }.bind(fangfang)(),100);
    }
};
fangfang.fun()