#yyds干货盘点# 【js学习笔记十五】普通函数中的this指向问题解决方案箭头函数

简介: #yyds干货盘点# 【js学习笔记十五】普通函数中的this指向问题解决方案箭头函数

前言


我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语


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


图片.png

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


运行结果


fangfang



     
相关文章
|
17天前
|
JavaScript
js惰性函数
js惰性函数
9 0
|
17天前
|
自然语言处理 JavaScript 前端开发
超越函数界限:探索JavaScript函数的无限可能
JavaScript中的函数是一种重要的编程概念,它允许我们封装可重用的代码块,并在需要时进行调用。本文将深入介绍JavaScript函数的各个方面,包括函数定义和调用、参数和返回值、作用域和闭包、高阶函数以及常见的函数应用场景。
|
19天前
|
前端开发 JavaScript Java
前端(JavaScript)------函数与对象
前端(JavaScript)------函数与对象
47 0
|
20天前
|
JavaScript 前端开发
什么是 JavaScript 的匿名自执行函数
什么是 JavaScript 的匿名自执行函数
17 0
|
21天前
|
JavaScript 前端开发
获取JavaScript时间戳函数的5种方法
获取JavaScript时间戳函数的5种方法
18 0
|
21天前
|
JavaScript 前端开发
js定义函数的三种方式
js定义函数的三种方式
7 0
|
21天前
|
JavaScript
在js中如何将数组传递到函数呢?
在js中如何将数组传递到函数呢?
|
23天前
|
JavaScript 前端开发 测试技术
[小笔记]TypeScript/JavaScript模拟Python中的Range函数
[小笔记]TypeScript/JavaScript模拟Python中的Range函数
11 0
|
23天前
|
前端开发 JavaScript 开发者
深入探讨JavaScript函数(二)
深入探讨JavaScript函数
34 2
|
23天前
|
JavaScript 前端开发
深入探讨JavaScript函数(一)
深入探讨JavaScript函数
38 0

相关产品

  • 云迁移中心