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

最新推荐文章于 2021-04-19 19:16:44 发布
最新推荐文章于 2021-04-19 19:16:44 发布
阅读量2.5k 收藏 1
点赞数 3
分类专栏： JQuery 文章标签： jquery 箭头函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38774121/article/details/88038785
版权

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

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

OK，到此为止，再见~

磐石BedRock
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
ES6中javascript实现函数绑定及类的事件绑定功能详解
11-27
然而，箭头函数并不适用于所有情况，特别是当需要在对象的方法中使用`new`关键字时，因为箭头函数没有`prototype`，所以不能用作构造函数。为了解决这个问题，ES7提出了“函数绑定”运算符（`::`）。这个运算符允许...
js webAPI es6 jQuery思维导图.rar
03-11
其中，let和const解决了var的作用域问题，箭头函数简化了函数定义，模板字符串提供了更方便的字符串处理方式，而解构赋值则简化了对象和数组的赋值操作。 在这个压缩包中，可能包含的资源有： - content.json：可能...
jQuery 使用的时候，不要用es6的函数写法，否则很容易出错
天天的博客
09-18 960
<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 1010
前言 工作中学习和使用过程中遇到的开发问题和发现 博客地址：芒果橙的个人博客 【http://mangocheng.com】 一、原生js 1. 新发现 删除对象属性：delete this.object.propertyName splice(index,howmany[,item1,…item6]) 从数组中添加/删除项目： index–必需。整数，规定添加/删除项目的位置，使用...
JQ 关于each() 箭头函数报错的问题
weixin_30502965的博客
08-31 491
转载于:https://www.cnblogs.com/dmc-nero/p/9564105.html
实例感受-es6的常用语法和优越性
weixin_34233421的博客
11-13 219
1.前言前几天，用es6的语法重写了我的一个代码库，说是重写，其实改动的并不多，工作量不大。在重写完了的时候，就个人总结了一下es6常用的一些常用的语法和比es5优越的方面。下面提到的语法可能也就是es6新特性的10%-20%，但是开发上占了80%左右的。下面的文章，按照es6常用新特性进行分类，文章提及的实例，有些是我代码库的小实例，有些是自己随便编的，大家知道就好！希望可以帮到大家，如果大家觉...
day0419
pika521197的博客
04-19 297
day0419 jquery
jQuery的click和on方法(参数如果用箭头函数,就不起效果,参数只能用原生写,写jQuery轮播图试出来的)...
weixin_33895695的博客
02-24 1026
$('#focus li').click(function(){ var curIndex=$(this).index(); step=curIndex; renderImgs(); renderFocus(); }); 复制代码//第一种情况 $('#focus li').cli...
summarize-es6-vue-jquery:es6,vue双向数据绑定，jquery
05-07
3. **箭头函数**：`() => {}`的简洁语法，使函数定义更易读，且箭头函数没有自己的this，避免了在回调函数中的this指向问题。 4. **类和继承**：ES6引入了基于原型的类语法，使得面向对象编程更加直观。 5. **解构...
redux-jquery：使用redux，jQuery的示例项目
02-03
JavaScript 是 Web 开发的核心语言，ES2015（也称为 ES6）是它的第六次重大更新，引入了许多新的语法特性，如箭头函数、模板字符串、类和模块等。在 Redux 项目中，这些新特性使得代码更加简洁、易读，例如，使用...
todomvc-es6-jspm:一个用 jspm 用 ES6 编写的 todomvc
06-06
这里的实现采用了ES6，这是一种现代JavaScript语法，引入了类、模块化、箭头函数等特性，提高了代码的可读性和可维护性。而jspm则是一个前端模块打包工具，用于加载和管理依赖关系，使得在浏览器中使用CommonJS或ES6...
eslint => Jq事件绑定使用箭头函数问题
hong836717428的博客
12-01 1757
代码结构<div class="box"> box1 </div> <div class="box"> box2 </div> <div class="box"> box3 </div> <div class="box"> box4 </div> 普通写法的script $('.box').on('click',function (){ co
箭头函数调用jquery中的$(this)问题
xinleicol的博客
03-30 754
箭头函数调用jquery中的$(this)问题 $('img').click(() =>{ console.log($(this)) }) $('img').click(function(){ console.log($(this)) }) 普通函数得到的是点击img的那个元素，而箭头函数是返回的是window对象 因为箭头函数在创建时就已经绑定了this, 后面在执行时不能重新绑定。在JQuery中通常不要用箭头函数，因为JQuery在执行回调函数时很多时候会为它动态绑定一
ES6 中使用 jQuery $(this) 的问题
weixin_34352005的博客
04-18 2147
为什么80%的码农都做不了架构师？>>> ...
=> js 中箭头函数使用总结
热门推荐
yangxiaodong88的博客
05-26 6万+
箭头函数感性认识 箭头函数 是在es6 中添加的一种规范 x =&gt; x * x 相当于 function(x){return x*x} 箭头函数相当于 匿名函数， 简化了函数的定义。 语言的发展都是倾向于简洁 对人类友好的， 减轻工作量的。 就相当于我最钟情的python, 有很多类似之处， 在 关于promise 文章中我会和Python 框架中的tornado 中的异步进行对比的，...
不能使用箭头函数的场景
onepunchmen00的博客
10-11 1866
定义方法的时候  ①定义字面量方法 const calculator = { array: [1, 2, 3], sum: () => { console.log(this === window); // => true return this.array.reduce((result, item) => result + item);
ES6方法的简写a()｛｝等同于a:function(){}
奥巴牛的博客
11-15 4192
const o = { method() { return "Hello!"; } }; // 等同于 const o = { method: function() { return "Hello!"; } };
工作述职报告PPT模板 (25)
最新发布
07-12
【作品名称】：工作述职报告PPT模板 (25) 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
jquery3.6.0 jquery2.1 区别
09-07
3. ES6支持：jQuery 3.6.0对ES6有更好的支持，它可以使用一些ES6的新特性，如箭头函数、let和const声明等。而jQuery 2.1在这方面的支持较为有限。 4. 移除部分废弃的方法和属性：为了精简代码并提高性能，jQuery ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值