正文

=> 应用在js回调函数中

IP云
IP云V管理员/5 阅读
08/14
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

=> 可以简化以前的回调函数的调用,具体来说:

今后，几乎所有的回调函数都可用箭头函数简化

比如:

1. 所有回调函数都可: 去function改=>

2. 如果函数体只有一句话: 可省略{}

如果这一句话还是return，可省略return

3. 如果只有一个参数: 可省略()

但是,如果没有参数，必须保留空()

更大用途: 箭头函数内外共用同一个this——取代bind

特殊: 如果不希望内外共用this，就不能用箭头函数

比如事件处理函数:

elem.addEventListener("click",function(){this->elem})

elem.addEventListener("click",()=>{ this->不是elem})

变通解决:

elem.addEventListener("click",e=>{ e.target->elem})

var arr=[12,2,123,23,1,3];
//arr.sort(function(a,b){return a-b;})
arr.sort((a,b)=>a-b);
console.log(String(arr)); var newArr=arr.map(val=>val*2);
console.log(String(newArr)); var bob={
sname:"Bob",
friends:[
"Jack","Rose","Tom","Jerry"],
intr(){
//this->bob
this.friends.forEach(
val=>console.log(
this.sname+" 认识 "+val)
);
}
}
bob.intr();
var btns=document.getElementsByTagName("button");
//this->window
for(var i= 0,len=btns.length;i<len;i++){
btns[i].addEventListener("click",
//()=>alert(this.innerHTML)//错误
e=>alert(e.target.innerHTML)
)
}

=> 应用在js回调函数中的更多相关文章

  1. JS回调函数中的this指向&lpar;详细&rpar;

    首先先说下正常的this指向问题 什么是this:自动引用正在调用当前方法的.前的对象. this指向的三种情况 1. obj.fun()     fun中的this->obj,自动指向.前的对 ...

  2. 理解 JS 回调函数中的 this

    任何变量或对象都有其赖以生存的上下文.如果简单地将对象理解为一段代码,那么对象处在不同的上下文,这段代码也会执行出不同的结果. 例如,我们定义一个函数 getUrl 和一个对象 pseudoWindo ...

  3. 使用匿名函数在回调函数中正确访问JS循环变量

    有时候, 需要以不同的参数调用某个URL,并且在回调函数中仍然可以访问正在使用的参数, 这时候, 需要使用闭包保存当前参数, 否则, 当回调函数执行时, 之前的参数很可能早已被修改为最后一个参数了. ...

  4. JS回调函数全解析教程

    转自:http://blog.csdn.net/lulei9876/article/details/8494337 自学jQuery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速g ...

  5. 浅谈js回调函数

    回调函数原理: 我现在出发,到了通知你”这是一个异步的流程,“我出发”这个过程中(函数执行),“你”可以去做任何事,“到了”(函数执行完毕)“通知你”(回调)进行之后的流程 例子 1.基本方法 ? 1 ...

  6. 学习js回调函数

    <!DOCTYPE HTML> <html> <head> <meta charset="GBK" /> <title> ...

  7. 【spring 后台跳转前台】使用ajax访问的后台，后台正常执行，返回数据，但是不能进入前台的ajax回调函数中

    问题: 使用ajax访问的后台,后台正常执行,并且正常返回数据,但是不能进入前台的ajax回调函数中 问题展示:  问题解决: 最后发现是因为后台的方法并未加注解:@ResponseBody,导致方法 ...

  8. 理解JS回调函数

    我们经常会用到客户端与Web项目结合开发的需求,那么这样就会涉及到在客户端执行前台动态脚本函数,也就是函数回调,本文举例来说明回调函数的过程. 首先创建了一个Web项目,很简单的一个页面,只有一个bu ...

  9. js回调函数&lpar;callback&rpar;理解

    Mark! js学习 不喜欢js,但是喜欢jquery,不解释. 自学jquery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速google之,发现原来中文翻译成回调.也就是回调函 ...

随机推荐

  1. Android中View的基础知识

    View的界限 View就是我们看到的界面,有四个界限范围分别是, Top/Left, Bottom/Right,坐标系从左上到右下.这四个值可以通过任何View的子类调用getTop()/get.. ...

  2. Sturts2 工作原理

    上图来源于Struts2官方站点,是Struts 2 的整体结构. 一个请求在Struts2框架中的处理大概分为以下几个步骤(可查看源码:https://github.com/apache/strut ...

  3. Java 之 I&sol;O 系列 02 ——序列化（二）

    Java 之 I/O 系列 目录 Java 之 I/O 系列 01 ——基础 Java 之 I/O 系列 02 ——序列化(一) Java 之 I/O 系列 02 ——序列化(二) 继续上篇的第二个问 ...

  4. 初试mysql存储过程&amp&semi;触发器

    玩mysql以来,一直没有试过实现存储过程,因为存储过程的语法看起来有些笨重.所以一直采用手动批量运行查询,而且要手动改日期之类的参数. 今天尝试着学了一会,发现其实是很简单的.语法上确实格式复杂些, ...

  5. hdu1556 Color the ball 线段树区间染色问题

    都是老套路了,如果n=5,要把区间[1,4]染色,可以递归去染区间[1,3]和区间[4,4],如果区间相等就自加,不相等继续递归寻找对应区间. 打印结果时,把所有到达叶节点包含i的区间值相加,就是最后 ...

  6. 这是最好的时光，这是最坏的时光 SNAPSHOT

    好久没动笔了,上次憋了好几天码出的文字扔出去,石沉大海,没惊起半点涟漪.这次真不知道能憋出个什么鬼,索性就让思绪飞扬,飞到哪是哪! --题记 此处应有BGM: 少年锦时 赵雷 1.以后真没有暑假喽 2 ...

  7. Asp&period;net Core Mvc EF- Migrations使用

    Migragtion的命令,左边是手动命令,右边是代码方式 首先来看命令方式: 创建一个mvc项目,默认已经集成了EF包 创建的项目包含了Microsoft.AspNetCore.Identity.E ...

  8. &lbrack;环境&rsqb;vscode中python虚拟环境

    在项目.vscode/settings.json下设置 { "python.pythonPath": "/path/to/python2.7"}

  9. &num;define barrier&lpar;&rpar; &lowbar;&lowbar;asm&lowbar;&lowbar; &lowbar;&lowbar;volatile&lowbar;&lowbar;&lpar;&quot&semi;&quot&semi;&colon; &colon; &colon;&quot&semi;memory&quot&semi;&rpar; 中的memory是gcc的东西

    gcc内嵌汇编简介 在内嵌汇编中,可以将C语言表达式指定为汇编指令的操作数,而且不用去管如何将C语言表达式的值读入哪个寄存器,以及如何将计算结果写回C 变量,你只要告诉程序中C语言表达式与汇编指令操作 ...

  10. Python学习--两种方法爬取网页图片&lpar;requests&sol;urllib&rpar;

    实际上,简单的图片爬虫就三个步骤: 获取网页代码 使用正则表达式,寻找图片链接 下载图片链接资源到电脑 下面以博客园为例子,不同的网站可能需要更改正则表达式形式. requests版本: import ...