博客
关于我
第四课:ES6新语法:箭头函数(2021/4/21)
阅读量:324 次
发布时间:2019-03-04

本文共 897 字,大约阅读时间需要 2 分钟。

一、箭头函数是用来简化函数定义语法的

() =>{   }const fn = () =>{   }

// 在箭头函数中 如果函数体中只有一句代码,并且代码的执行结果就是函数的返回值 函数体大括号可以省略

const sum = (n1,n2) =>{           return n1 + n2;}// 可以简化为:const sum = (n1,n2) => n1 + n2;// 如果形参只有一个,可以省略小括号function fn(v){           return v;}const fn = v => v;

二、箭头函数不绑定this关键字,箭头函数中的this,指向的是函数定义位置的上下文this。

// 箭头函数不绑定this 箭头函数没有自己的this关键字 如果在箭头函数中使用this// this 关键字将指向箭头函数定义位置中的thisfunction fn(){           console.log(this);        return () =>{                   console.log(this);        }}const obj = {   name:'zhangshan'};const resFn = fn.call(obj);resFn();
// this 方法的函数var obj = {           age:20,        // obj是对象,不能产生作用域,实际上,这个this指向了全局作用域        // 箭头函数没有自己的this        say: ()=>{                   console.log(this.age);        }}obj.say(); //undefined// 非箭头函数var obj = {           age:20,        say:function(){                   console.log(this.age);        }}obj.say(); //20

转载地址:http://nuch.baihongyu.com/

你可能感兴趣的文章
MySQL I 有福啦,窗口函数大大提高了取数的效率!
查看>>
mysql id自动增长 初始值 Mysql重置auto_increment初始值
查看>>
MySQL in 太多过慢的 3 种解决方案
查看>>
MySQL InnoDB 三大文件日志,看完秒懂
查看>>
Mysql InnoDB 数据更新导致锁表
查看>>
Mysql Innodb 锁机制
查看>>
MySQL InnoDB中意向锁的作用及原理探
查看>>
MySQL InnoDB事务隔离级别与锁机制深入解析
查看>>
Mysql InnoDB存储引擎 —— 数据页
查看>>
Mysql InnoDB存储引擎中的checkpoint技术
查看>>
Mysql InnoDB存储引擎中缓冲池Buffer Pool、Redo Log、Bin Log、Undo Log、Channge Buffer
查看>>
MySQL InnoDB引擎的锁机制详解
查看>>
Mysql INNODB引擎行锁的3种算法 Record Lock Next-Key Lock Grap Lock
查看>>
mysql InnoDB数据存储引擎 的B+树索引原理
查看>>
mysql innodb通过使用mvcc来实现可重复读
查看>>
mysql insert update 同时执行_MySQL进阶三板斧(三)看清“触发器 (Trigger)”的真实面目...
查看>>
mysql interval显示条件值_MySQL INTERVAL关键字可以使用哪些不同的单位值?
查看>>
Mysql join原理
查看>>
MySQL Join算法与调优白皮书(二)
查看>>
Mysql order by与limit混用陷阱
查看>>