es6箭头函数使用场景导致的一些问题
1. 今天在使用draggable组件时,监听dragmove事件时获取到的事件对象有一些异常, 代码如下
draggable.on('drag:move', (event) => {
console.log(event);
console.log(Array.prototype.slice.call(arguments))
})
打印出来的两个对象竟然不一致,
目前猜测是箭头函数导致arguments中this的指向问题, 当回调改成 function (event) { }时表现正常
根据目前问题建议对于一些回调函数尽量使用es5函数
转载于:https://www.cnblogs.com/tangyuu/p/9946171.html
es6箭头函数使用场景导致的一些问题相关推荐
- 10分钟理解ES6箭头函数
前言 面试中,ES6 是一大考点,当被问到箭头函数时,我们都会说:箭头函数很好用,而且再也不用操心 this 的指向了. 面试官:箭头函数是挺好用的,那有哪些不适合使用箭头函数的场景呢? 箭头函数在大 ...
- ES6箭头函数(节选自《ECMAScript 6 入门》)
基本用法 ES6 允许使用"箭头"(=>)定义函数. var f = v => v; 上面的箭头函数等同于: var f = function(v) {return v ...
- es6 箭头函数 rest参数 扩展运算符
Es6 箭头函数 语法: 普通函数: fn=function(){} 箭头函数: fn=()=>{} 特性: this是静态的,this始终指向函数声明时所在作用域下的this的值(使用call ...
- 什么时候不该使用es6箭头函数 1
从开始接触es6到在项目中使用已经有一段时间了,es6有很多优秀的新特性,其中最有价值的特性之一就是箭头函数,他简洁的语法以及更好理解的this值都非常的吸引我.但是新事物也是有两面性的,箭头函数有他 ...
- ES6箭头函数中的this指向
1箭头函数中的this (1)箭头函数中没有this : 这意味着 call() apply() bind() 无法修改箭头函数中的this (2)箭头函数中的this指向 :访问上一个作用域的thi ...
- es6 箭头函数使用_如何使用ES6箭头功能使JavaScript易于阅读
es6 箭头函数使用 Arrow functions are the new fundamental building blocks of building modern web applicatio ...
- es6箭头函数_【知识点】ES6箭头函数、箭头函数与普通函数的区别
作者:長安曹公子 文章出处:ES6 - 箭头函数.箭头函数与普通函数的区别 一.基本语法 ES6中允许使用箭头=>来定义箭头函数,具体语法,我们来看一个简单的例子: // 箭头函数 let fu ...
- ES6箭头函数以及promise/async/await测试案例
ES6箭头函数的运用 下面以一段代码解释 function one(){return 1 以上函数用箭头函数写步骤,参考下面代码 {}和里面的东西先删去 one = (里面写参数/无参数的里面为空)= ...
- [OHIF-Viewers]医疗数字阅片-医学影像-ES6箭头函数(=)
[OHIF-Viewers]医疗数字阅片-医学影像-ES6箭头函数(=>) https://www.liaoxuefeng.com/wiki/1022910821149312/103154957 ...
- Javascript/ES6箭头函数
Javascript/ES6箭头函数 文章目录 Javascript/ES6箭头函数 一.箭头函数是什么? 二.箭头函数与普通函数的区别 三.箭头函数的使用 1.箭头函数是匿名函数,不能作为构造函数, ...
最新文章
- UITableView-FDTemplateLayoutCell自动计算UITableView高度的使用
- ubuntu mysql innodb_Ubuntu MYSQL环境搭建
- Windows底层窗口的实现———学习笔记
- APP应用下载站源码-带后台
- CVPR2018 Tutorial 之 Visual Recognition and Beyond
- Backup Exec 2012下载地址
- 解救小哈(dfs或bfs)
- 计算机休眠状态播放音乐,win7系统休眠后不能播放音乐怎么解决
- element ui 表单验证残留提示处理
- 百度大牛总结的十条Python面试题
- python实现将将输入的可约分数化简为不可约分数
- JDK下载、安装与配置
- 服务器磁盘阵列数据恢复方法,两块硬盘离线恢复数据
- 54、记录yolov7 训练、部署ncnn、部署mnn、部署rk3399 npu、部署openvino、部署oak vpu、部署TensorRT
- node.js+uni计算机毕设项目鲸落图书商城小程序LW(程序+小程序+LW)
- 如何给php安装上pecl,php如何安装pecl扩展
- 免费内网穿透软件一步设置实现外网访问
- WEB应用防火墙(WAF启明设备)
- 全球及中国光通信箱体行业市场需求前景与发展规划分析报告2022-2028年
- android 监听系统广播