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

简介: #yyds干货盘点# 【js学习笔记十四】普通函数中的this指向问题解决方案_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 () {
            _this=this
            setTimeout( function () {
                _this.fang()
            },100);
        }
    };
    fangfang.fun()


运行结果


fangfang



相关文章
|
1天前
|
JavaScript 前端开发
深入探索JavaScript:如何改变this的指向
深入探索JavaScript:如何改变this的指向
|
1天前
|
JavaScript 前端开发
js的一些内置函数
js的一些内置函数
7 1
|
1天前
|
JavaScript 前端开发 索引
js的includes函数
js的includes函数
7 1
|
1天前
|
JavaScript 安全 前端开发
js的map函数
js的map函数
7 0
|
1天前
|
JavaScript 前端开发
js的filter函数
js的filter函数
6 1
|
1天前
|
JavaScript 前端开发
js的函数
js的函数
4 0
|
1天前
|
JavaScript 前端开发
js的join函数
js的join函数
5 1
|
1天前
|
JavaScript 前端开发
js的check函数
js的check函数
5 1
|
1天前
|
JavaScript 前端开发 索引
js的some函数
js的some函数
5 1
|
1天前
|
开发框架 JavaScript .NET
Js字符串操作函数大全
Js字符串操作函数大全
6 1