ES6箭头函数

摘要:
*箭头函数的特点:1、简洁2、箭头函数没有自己的this,箭头函数的this不是调用的时候决定的,而是在定义的时候处在的对象就是它的this3、扩展理解:箭头函数的this看外层的是否有函数,如果有,外层函数的this就是内部箭头函数的this,如果没有,则this是window。

* 箭头函数的特点:
1、简洁
2、箭头函数没有自己的this,箭头函数的this不是调用的时候决定的,而是在定义的时候处在的对象就是它的this
3、扩展理解: 箭头函数的this看外层的是否有函数,
如果有,外层函数的this就是内部箭头函数的this,
如果没有,则this是window。

* 作用: 定义匿名函数
* 基本语法:
* 没有参数: () => console.log('xxxx')
* 一个参数: i => i+2
* 大于一个参数: (i,j) => i+j
* 函数体不用大括号: 默认返回结果
* 函数体如果有多个语句, 需要用{}包围,若有需要返回的内容,需要手动返回
* 使用场景: 多用来定义回调函数

没有形参,并且函数只有一条语句

     let fun1=()=>console.log('fun1()');
     fun1();

一个形参,并且函数体只有一条语句

 let fun2 = x => x;
console.log(fun2(5));

形参是一个以上

    let fun3 = (x, y) => x +y;
    console.log(fun3(25, 39))

函数体有多条语句

 let fun4 = (x, y) =>{
        console.log(x, y);
        return x +y;
    };
    console.log(fun4(34, 48));//82
setTimeout(() =>{
        console.log(this);
    },1000)

箭头函数this指向

 let btn = document.getElementById('btn');
 btn.onclick =function () {
       console.log(this);//btn
};

let btn2 = document.getElementById('btn2');
let obj ={
        name : 'kobe',
        age : 39,
        getName : () =>{
            btn2.onclick = () =>{
                console.log(this);//window
};
        }
    };
    obj.getName();
function Person() {
     this.obj ={
         showThis : () =>{
             console.log(this);
         }
     }
 }
    let fun5 = newPerson();
    fun5.obj.showThis();//Person

免责声明:文章转载自《ES6箭头函数》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇生成6位随机码含字母大小写+数字火狐浏览器所有的快捷键下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

SQL基础(五):SQL函数

一、SQL Aggregate 函数:   SQL Aggregate 函数计算从列中取得的值,返回一个单一的值。 1、AVG() 函数   AVG() 函数返回数值列的平均值。   语法:SELECT AVG(column_name) FROM table_name //从 "access_log" 表的 "count" 列获取平均值: SELECT...

Android——bootchart

bootchart:android原生自带的开机性能查看机制。通过收集android开机过程中的各种log数据,终于能够图表的形式展现各个进程在开机过程中的性能。(博客不能断…) 撰写不易,转载需注明出处:http://blog.csdn.net/jscese/article/details/45933943本文来自 【jscese】的博客。 编译boo...

Oracle归档日志与非归档日志的切换及路径设置

--==================== -- Oracle 归档日志 --==================== Oracle可以将联机日志文件保存到多个不同的位置,将联机日志转换为归档日志的过程称之为归档。相应的日志被称为归档日志。 一、归档日志 是联机重做日志组文件的一个副本 包含redo记录以及一个唯一的log sequence number...

syslog

函数:syslog() 功能:记录至系统记录。 头文件:#include <syslog.h> 语法: int syslog(int priority, string message); 返回值: 整数 函数种类: 操作系统与环境 内容说明 : 本函数将 message 字符串写到系统纪录中,参数 priority 的值可能为 LOG_EMER...

jquery----语法扩展(导入js文件)

简单使用 第一步,新建js文件 第二步,在js文件中添加 $.extend({ "GDP": function () { console.log("哈哈哈哈"); } }); 第三步,在html中使用   $.GDP()  即可 复杂(1,希望一些函数不可以被外部引用,不可以被修改$) (functi...

kafka 基础知识梳理-kafka是一种高吞吐量的分布式发布订阅消息系统

一、kafka 简介 今社会各种应用系统诸如商业、社交、搜索、浏览等像信息工厂一样不断的生产出各种信息,在大数据时代,我们面临如下几个挑战: 如何收集这些巨大的信息 如何分析它 如何及时做到如上两点 以上几个挑战形成了一个业务需求模型,即生产者生产(produce)各种信息,消费者消费(consume)(处理分析)这些信息,而在生产者与消费者之间,需要...