首页 > 其他分享 >【js学习笔记十四】普通函数中的this指向问题解决方案_this

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

时间:2023-06-30 15:01:25浏览次数:44  
标签:function name fang fangfang 解决方案 笔记 js fun var


 

目录

前言

导语

 解决思路

运行结果


前言

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

导语

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

【js学习笔记十四】普通函数中的this指向问题解决方案_this_前端

【js学习笔记十四】普通函数中的this指向问题解决方案_this_前端_02编辑

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

【js学习笔记十四】普通函数中的this指向问题解决方案_this_前端_03

 解决思路

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

【js学习笔记十四】普通函数中的this指向问题解决方案_this_前端_04

运行结果

fangfang



标签:function,name,fang,fangfang,解决方案,笔记,js,fun,var
From: https://blog.51cto.com/u_14476028/6590726

相关文章

  • 【js学习笔记十五】普通函数中的this指向问题解决方案箭头函数
     目录前言导语 解决思路运行结果前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语歌谣歌谣......
  • 《重构》7-12章读书笔记
    《重构》7-12章读书笔记重构手法介绍每个手法通常包含三个模块:时机(遇到什么情况下使用)、做法(详细步骤的概括)、关键字(做法的缩影)提炼函数时机:当我们觉得一段大函数内某一部分代码在做的事情是同一件事,并且自成体系,不与其他掺杂时当代码展示的意图和真正想做的事情不是同一......
  • js获取 当前时间 当前零时 当月零时 当年零时
     constcurrentTime=newDate().getTime()//当前时间戳 constcurrentZero=newDate().setHours(0,0,0)//当天零时时间戳 constcurrentMonthFirstDayZero=newDate(newDate().setDate(1)).setHours(0,0,0)//当月第一天时间戳 constcurrentYearFirs......
  • redisson对单个json的单个字段进行数值操作 - lua脚本
    @OverridepublicStringupdateJson(Stringkey,Stringfield,longnum,longlimit){Stringscript="localt=redis.call('get',KEYS[1]);\n"+"localj;\n"+"iftthen......
  • CC2541是功率优化的真正系统级芯片(SoC)解决方案,适用于蓝牙低功耗(BLE)和专用的2.4GH
    CC2541是功率优化的真正系统级芯片(SoC)解决方案,适用于蓝牙低功耗(BLE)和专用的2.4GHz应用.该SOC芯片集成性能极好RF收发器以及标准工业级增强型8051内核,支持系统编程Flash,8KRAM及强大功能支持跟外设。微信号:13632658391 深圳市动能世纪科技有限公司成立于2000年,是一家IC集成......
  • Windows服务启动exe无界面终极解决方案
      1、前言我这个方案(C#操作)是彻底解决【从Windows服务启动程序exe,程序无界面】问题的终极解决方案,终极方案,绝对的终极方案,本来打算收钱的,还是算了,你们也不容易,关注我一下就行。后附代码下载地址。由于安全性问题,Vista以后的Windows都会出现该问题,从服务中调用/启动其他程序......
  • 贪吃蛇制作js
    <!DOCTYPEhtml><html><head><title>贪吃蛇游戏</title><style>#game-board{width:400px;height:400px;border:1pxsolid#000;position:relative;}.snake{width:20px;height:20......
  • node 笔记
    #node笔记##安装去node官网下载LTS,长期支持版本,傻瓜式安装打开命令行```shellnode-v```如果能出现版本号,即安装成功如果不出现,再安装一次,可以考虑选择repair备注:win7用户,需要自行配置环境变量##配置淘宝镜像```shellnpmgetregistry```如果出现的网址,不是https://registry.......
  • node笔记
    安装去node官网下载LTS,长期支持版本,傻瓜式安装打开命令行node-v如果能出现版本号,即安装成功如果不出现,再安装一次,可以考虑选择repair备注:win7用户,需要自行配置环境变量配置淘宝镜像npmgetregistry如果出现的网址,不是https://registry.npmmirror.com/则需要改成淘宝......
  • Vue3 vite:is a JavaScript file. Did you mean to enable the 'allowJs' option?
    描述今天在vue3+vite下进行打包时,突然vscode报了一个error。 大概的意识是询问是否启用“allowJS”选项,因为该文件在程序内是指定用于编译的根文件。提示信息已经很明确了,下面从网上摘抄了下什么是allowJS选项。allowJs是1.8中新提供的选项。TypeScrip......