Jquery写函数时不要用ES6 箭头函数

最新推荐文章于 2024-03-08 15:49:58 发布
原创 最新推荐文章于 2024-03-08 15:49:58 发布 · 2.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #箭头函数

作者在使用JQuery进行项目开发时，尝试使用ES6的箭头函数，发现无法正确获取元素下标，导致功能异常。通过将箭头函数替换为传统Function()后，问题得以解决。

Jquery写函数时不要用ES6 箭头函数

一直在写Vue项目，好久没用过JQ，好生疏，差点不会写，写ES6语法写的熟悉了，就不喜欢用function()来写函数了，今天写个小活动页面，用到了jquery ，在获取下标时，获取不到，不管点击哪个 都是-1，观察了一下代码，怀疑是ES6 箭头函数的问题，改回来了Function() 果然好了
在这里插入图片描述
↓
在这里插入图片描述

OK，到此为止，再见~

es6箭头函数以及模板字符串的拼接
猿飞梦的博客
09-27 1939
es6箭头函数：  //1.具有一个简单参数的函数 var single=a=>a console.log(single('hello word')); //2.没有参数的需要在箭头前加上小括号 var logs=()=>{ console.log('这个是没有参数的函数'); } //3.多个参数需要用到小括号，参数间用逗号隔开 var add=(a,b)=&g...
2. ES6 变量的解构赋值
技术博客
11-02 1156
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（以前，为变量赋值，只能直接指定值）。下面是一些使用嵌套数组进行解构的例子：如果等号的右边不是数组（或者严格地说，不是可遍历的结构），那么将会报错。对于 Set 结构，也可以使用数组的解构赋值
jQuery 使用的时候，不要用es6的函数写法，否则很容易出错
天天的博客
09-18 1048
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <div class="box"> <p>ddsddsdf dsfdsfds </p> <button>bind</button> <input type="t..
javaScript&ES6&jQuery
编程小菜鸟的笔记
05-02 1094
前言 工作中学习和使用过程中遇到的开发问题和发现 博客地址：芒果橙的个人博客 【http://mangocheng.com】 一、原生js 1. 新发现 删除对象属性：delete this.object.propertyName splice(index,howmany[,item1,…item6]) 从数组中添加/删除项目： index–必需。整数，规定添加/删除项目的位置，使用...
JQ 关于each() 箭头函数报错的问题
weixin_30502965的博客
08-31 529
转载于:https://www.cnblogs.com/dmc-nero/p/9564105.html
前端技术之JS、JQ，何为ES6？
qq_31357927的博客
03-06 406
javascript、jQuery
实例感受-es6的常用语法和优越性
weixin_34233421的博客
11-13 273
1.前言前几天，用es6的语法重写了我的一个代码库，说是重写，其实改动的并不多，工作量不大。在重写完了的时候，就个人总结了一下es6常用的一些常用的语法和比es5优越的方面。下面提到的语法可能也就是es6新特性的10%-20%，但是开发上占了80%左右的。下面的文章，按照es6常用新特性进行分类，文章提及的实例，有些是我代码库的小实例，有些是自己随便编的，大家知道就好！希望可以帮到大家，如果大家觉...
ES6中javascript实现函数绑定及类的事件绑定功能详解
11-27
然而，箭头函数并不适用于所有情况，特别是当需要在对象的方法中使用`new`关键字时，因为箭头函数没有`prototype`，所以不能用作构造函数。为了解决这个问题，ES7提出了“函数绑定”运算符（`::`）。这个运算符允许...
jQuery在Angular项目中引发ES6模块加载问题的案例分析
资源摘要信息:"jquery-breaks-angular-es6:当在使用ES6和jspm的项目中包含jQuery时，如何破坏angular-material的模块加载" 在现代Web开发中，前端框架和库的集成是常见需求，但并非总是顺利无阻。本案例提供了一个...
ES6实现的轻量级动画函数模仿jQuery滑动效果
- ES6（ECMAScript 2015）是JavaScript语言的一次重大更新，引入了许多新的语法特性和改进，例如const和let关键字、箭头函数、类的引入、模块系统等。 - 使用ES6特性编写的JavaScript代码具有更好的可读性、可维护...
day0419
pika521197的博客
04-19 369
day0419 jquery
47-(JQuery的Ajax)箭头函数
我们的目标是星辰大海！
10-26 179
47-(JQuery的Ajax)箭头函数
箭头函数和 普通函数的区别
weixin_45677987的博客
05-11 360
1： 箭头函数和普通函数区别？ 构造函数（function） 可以使用new 生成实例， 那么箭头函数可以吗？ 为什么？ 1.1： 1： // (ES6 中每一个函数都可以使用形参赋默认值和剩余运算符) // 普通函数 function fn (x) { return function (y) { return x + y } } // 箭头函数 let fn = x => { return y => { return x + y } }...
javaScript之箭头函数
最新发布
weixin_62160709的博客
03-08 3290
在JavaScript中，箭头函数（Arrow Function）是一种使用箭头(=>)定义函数的新语法。它的引入为函数表达式提供了更简洁的语法，并且不绑定自己的this、arguments、super或new.target。1、箭头函数有一个参数的时候可以省略小括号2、箭头函数返回值只有一条语句时可以省略return和{}3、箭头函数没有内置对象arguments*4、箭头函数不是构造函数，不能构造实例化对象5、箭头函数的this不能发生改变，call和apply能调用箭头函数。
js 箭头函数详解
热门推荐
RayShyy的博客
03-08 3万+
1. 认识箭头函数 es6 新增了使用胖箭头（=>）语法定义函数表达式的能力，很大程度上，箭头函数实例化的函数对象与正式的函数表达式创建的函数对象行为是相同的。任何可以使用函数表达式的地方，都可以使用箭头函数： // 普通函数 let sum = function(a, b) { return a + b; } // 箭头函数 let sum1 = (a, b) => { return a + b; } 箭头函数简洁的语法对开发者来说是十分友好的，从上面的例子可以得知箭头函数的简单用法：
箭头函数调用jquery中的$(this)问题
xinleicol的博客
03-30 837
箭头函数调用jquery中的$(this)问题 $('img').click(() =>{ console.log($(this)) }) $('img').click(function(){ console.log($(this)) }) 普通函数得到的是点击img的那个元素，而箭头函数是返回的是window对象 因为箭头函数在创建时就已经绑定了this, 后面在执行时不能重新绑定。在JQuery中通常不要用箭头函数，因为JQuery在执行回调函数时很多时候会为它动态绑定一
解决js文件使用ES6语法import...from...导入jquery出现的问题，使用webpack
NZMBELLA的博客
02-02 4480
Uncaught SyntaxError: Cannot use import statement outside a module (at main.js:1:1) Uncaught TypeError: Failed to resolve module specifier "jquery". Relative references must start with either "/", "./", or "../".
2020-09-24
qq_46649900的博客
09-24 200
jQuery竟然不支持ES6的箭头函数 写了一个简短的代码，找了很长时间，始终找不到哪里出错，控制台也不报错。后来将入口函数以及事件的回调函数的es6的箭头函数()=>{}改为原本的写法function(){}之后，程序便可以运行。 $(()=>{ $(".box").click(()=>{ $(this).next().show(); $(this).parent().siblings().find("div")
jquery 使用箭头函数后，对象自身的获取，以及this的作用域问题
pyp_demon的博客
12-26 944
亦可引申为闭包函数中箭头函数的用法 规则： $(".btn").click(e=>{ console.log(e.currentTarget) // 相当于正常function(){}写法中的this console.log(this) // 继承自全局，即该处的this代表的是整个外部的对象 }) <!DOCTYPE html> <html> <head> <script src='./jquery-3.4.1.min.js'></
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值