当前位置: 首页 > news >正文

箭头函数 this

箭头函数中,是没有this的,所以写在箭头函数中的this,会自动向当前作用域的上一层作用域寻找,是否含有this,如果有就指代,没有就继续找上一层。

new Vue({el:'#root',data:{firstName:'张',lastName:'三',fullName:'张-三'},watch:{firstName(val){setTimeout(()=>{this.fullName = val + '-' + this.lastName},1000);},lastName(val){this.fullName = this.firstName + '-' + val}}
})

举个简单的例子,以上述Vue代码为例

setTimeout函数,是箭头函数

JS的window对象调用setTimeout函数

setTimeout箭头函数中没有this可以指代的对象

向上一层作用域寻找

上一层作用域是Vue实例对象vm的监视属性watch

所以watch中的this指代的是Vue实例对象vm

所以setTimeout函数中的this指代的就是Vue实例对象vm

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 纷享销客安全体系:安全运维运营
  • mysqldump常用备份数据库命令
  • 开发自动发消息插件需要用到的源代码!
  • 5.3 数据模型设计总结
  • OceanBase 4.3 特性解析:列存技术
  • 实现k8s网络互通
  • 物联网8大协议介绍及对比
  • NFT 智能合约实战-快速开始(1)NFT发展历史 | NFT合约标准(ERC-721、ERC-1155和ERC-998)介绍
  • 消息中间件比较:Redis,Kafka和RabbitMQ
  • 排序---归并排序(简单优化前后比较)
  • 网球运动目标检测跟踪
  • 本周MoonBit新增Wasm1引用计数支持、语法即将添加错误恢复机制
  • 复合语句、数值交换、三个数的最值与排序
  • Ubuntu20.04-SLAM软件安装
  • tcp协议的延迟应答(介绍+原则),拥塞控制(拥塞窗口,网络出现拥塞时,滑动窗口的大小如何确定,慢启动,阈值)
  • axios 和 cookie 的那些事
  • iOS 系统授权开发
  • Linux编程学习笔记 | Linux IO学习[1] - 文件IO
  • Mac 鼠须管 Rime 输入法 安装五笔输入法 教程
  • Nodejs和JavaWeb协助开发
  • PAT A1050
  • PAT A1092
  • vue中实现单选
  • 初识 beanstalkd
  • 给第三方使用接口的 URL 签名实现
  • 回顾2016
  • 记一次和乔布斯合作最难忘的经历
  • 类orAPI - 收藏集 - 掘金
  • 区块链共识机制优缺点对比都是什么
  • 吐槽Javascript系列二:数组中的splice和slice方法
  •  一套莫尔斯电报听写、翻译系统
  • 正则表达式
  • 中国人寿如何基于容器搭建金融PaaS云平台
  • ‌前端列表展示1000条大量数据时,后端通常需要进行一定的处理。‌
  • (delphi11最新学习资料) Object Pascal 学习笔记---第5章第5节(delphi中的指针)
  • (Redis使用系列) Springboot 使用redis的List数据结构实现简单的排队功能场景 九
  • (附源码)springboot宠物医疗服务网站 毕业设计688413
  • (力扣)1314.矩阵区域和
  • (六) ES6 新特性 —— 迭代器(iterator)
  • (免费领源码)python+django+mysql线上兼职平台系统83320-计算机毕业设计项目选题推荐
  • (转)EOS中账户、钱包和密钥的关系
  • (转)shell中括号的特殊用法 linux if多条件判断
  • (自适应手机端)响应式服装服饰外贸企业网站模板
  • .net 8 发布了,试下微软最近强推的MAUI
  • .NET 同步与异步 之 原子操作和自旋锁(Interlocked、SpinLock)(九)
  • .net(C#)中String.Format如何使用
  • .NET开发不可不知、不可不用的辅助类(三)(报表导出---终结版)
  • .net通过类组装数据转换为json并且传递给对方接口
  • ?
  • @WebService和@WebMethod注解的用法
  • [ IO.File ] FileSystemWatcher
  • [ 第一章] JavaScript 简史
  • [2019红帽杯]Snake
  • [Apio2012]dispatching 左偏树
  • [BUAA软工]第一次博客作业---阅读《构建之法》