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

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

前言

我是歌谣 放弃很容易 但是坚持一定很酷


导语

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




编辑


``` //口诀 谁调用就会指向谁 这边是普通函数 直接报错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()
        }.apply(fangfang),100);
    }
};
fangfang.fun()

运行结果

fangfang

相关文章
|
4月前
|
前端开发 JavaScript
前端基础(九)_this基本使用、this指向判断、改变this指向的方法
本文介绍了JavaScript中this的基本使用、this指向的判断以及改变this指向的方法。
72 1
前端基础(九)_this基本使用、this指向判断、改变this指向的方法
|
7月前
|
编译器 Shell C++
在编译的两个.o文件中有对同一个头文件的引用,因此在链接时出现结构体重复定义的问题怎么解决
在编译的两个.o文件中有对同一个头文件的引用,因此在链接时出现结构体重复定义的问题怎么解决
169 2
|
7月前
|
运维 负载均衡 Serverless
函数计算产品使用问题之yaml如果写多个function,可不可以yaml在构建的时候能构建多个函数
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
8月前
LabVIEW使用调用节点与通过引用调用节点调用VI时的差别
LabVIEW使用调用节点与通过引用调用节点调用VI时的差别
139 1
|
8月前
LabVIEW使用VI服务器的调用节点将数据传递到另一个VI 使用调用节点(Invoke Node)与通过引用调用节点(Call by Reference)调用VI时有什么差别?
LabVIEW使用VI服务器的调用节点将数据传递到另一个VI 使用调用节点(Invoke Node)与通过引用调用节点(Call by Reference)调用VI时有什么差别?
216 0
普通函数中的this指向问题解决方案箭头函数
普通函数中的this指向问题解决方案箭头函数
52 0
普通函数中的this指向问题解决方案apply
普通函数中的this指向问题解决方案apply
73 0
普通函数中的this指向问题解决方案call
普通函数中的this指向问题解决方案call
61 0
普通函数中的this指向问题解决方案_this
普通函数中的this指向问题解决方案_this
47 0
普通函数中的this指向问题解决方案bind
普通函数中的this指向问题解决方案bind
49 0

热门文章

最新文章