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

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

编辑


``` //口诀 谁调用就会指向谁 这边是普通函数 直接报错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",

相关文章
|
6月前
|
自然语言处理
如何在箭头函数中访问非封闭作用域中的变量?
【2月更文挑战第20天】【2月更文挑战第63篇】如何在箭头函数中访问非封闭作用域中的变量?
46 1
|
2月前
|
自然语言处理
箭头函数和普通函数的区别是什么?
箭头函数和普通函数的区别是什么?
115 63
|
15天前
|
存储 JavaScript 前端开发
箭头函数和普通函数在性能方面有什么区别
【10月更文挑战第27天】箭头函数和普通函数在性能方面各有特点,箭头函数在某些场景下具有一定的性能优势,但在实际开发中,不能仅仅为了追求性能而盲目地选择箭头函数或普通函数,应该根据具体的应用场景、代码可读性和可维护性等多方面因素综合考虑来选择合适的函数定义方式。
29 2
|
28天前
|
JavaScript 前端开发
箭头函数可以使用哪些方式定义
箭头函数是ES6引入的一种新的函数定义方式,使用`=>`符号。它可以简化函数的书写,主要有两种定义方式:1. 简单表达式,如`const fn = () => {}`;2. 带参数表达式,如`const fn = (arg) => {}`。
|
5月前
箭头函数和普通函数的区别
箭头函数和普通函数的区别
24 0
|
6月前
|
自然语言处理
解释一下箭头函数的this绑定行为。
箭头函数的`this`绑定遵循词法作用域,不同于普通函数的动态绑定。它在定义时即确定,不受调用方式影响。这解决了`this`丢失问题,提供了更简洁的语法。例如,当在一个对象中,箭头函数的`this`将指向全局对象或父级作用域,而不是对象本身,与普通函数表现不同,使用时需谨慎。
39 8
|
6月前
箭头函数需要注意的地方
箭头函数需要注意的地方
32 1
面试官:箭头函数和普通函数的区别?箭头函数的this指向哪里?(二)
面试官:箭头函数和普通函数的区别?箭头函数的this指向哪里?(二)
|
6月前
|
自然语言处理 前端开发 算法
箭头函数与普通函数:谁更胜一筹?
箭头函数与普通函数:谁更胜一筹?
箭头函数与普通函数:谁更胜一筹?
|
11月前
|
JavaScript 前端开发
箭头函数与this指向探究
箭头函数与this指向探究
36 1