博客
关于我
第四课: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学习总结(80)——统计数据库的总记录数和库中各个表的数据量
查看>>
Mysql学习总结(81)——为什么MySQL不推荐使用uuid或者雪花id作为主键?
查看>>
Mysql学习总结(82)——MySQL逻辑删除与数据库唯一性约束如何解决?
查看>>
Mysql学习总结(83)——常用的几种分布式锁:ZK分布式锁、Redis分布式锁、数据库分布式锁、基于JDK的分布式锁方案对比总结
查看>>
Mysql学习总结(84)—— Mysql的主从复制延迟问题总结
查看>>
Mysql学习总结(85)——开发人员最应该明白的数据库设计原则
查看>>
MySQL学习笔记十七:复制特性
查看>>
mysql安装卡在最后一步解决方案(附带万能安装方案)
查看>>
mysql安装和启动命令小结
查看>>
MySQL安装配置教程(非常详细),从零基础入门到精通,看完这一篇就够了
查看>>
mysql安装配置简介
查看>>
MySQL定义和变量赋值
查看>>
mysql实战01|基础架构:一条SQL查询语句是如何执行的?
查看>>
Mysql实战之数据备份
查看>>
mysql实现成绩排名
查看>>
Mysql客户端中文乱码问题解决
查看>>
mysql客户端工具使用
查看>>
MySQL密码忘记,怎么办?
查看>>
mysql对同一张表进行查询和赋值更新
查看>>
mysql导入数据库出现:Incorrect string value: '\xE7\x82\xB9\xE9\x92\x9F' for column 'chinese' at row 1...
查看>>