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

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

前言


我是歌谣 我有个兄弟 巅峰的时候排名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( function () {
                this.fang()
            }.call(fangfang),100);
        }
    };
    fangfang.fun()


运行结果


fangfang


总结


call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。



相关文章
|
1月前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
43 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
1月前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
2月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
2月前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
JavaScript 前端开发
夏天到了,了解一下JS的this指向问题
夏天到了,了解一下JS的this指向问题
|
自然语言处理 JavaScript 前端开发
JavaScript 中 this 指向详解
JavaScript 中 this 指向详解
114 0
|
前端开发 JavaScript
web前端-JavaScript中的call、apply和bind方法(改变this指向)
文章目录 每日推荐 正文开始 call()和apply() bind()() call、apply和bind方法的区别 相同点 不同点 this指向的四种情况总结
web前端-JavaScript中的call、apply和bind方法(改变this指向)
|
自然语言处理 JavaScript 前端开发
不必硬背,彻底理解JavaScript中的this指向!(上)
1. 执行上下文 提到 this,还得从执行上下文说起。在执行上下文中,包含了变量环境、词法环境、外部环境、this:
297 0
|
自然语言处理 JavaScript 前端开发
不必硬背,彻底理解JavaScript中的this指向!(下)
1. 执行上下文 提到 this,还得从执行上下文说起。在执行上下文中,包含了变量环境、词法环境、外部环境、this:
105 0
|
JavaScript
JS:Function对象call、apply、bind改变this指向
JS:Function对象call、apply、bind改变this指向