博客
关于我
第四课: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事务隔离级别:读未提交、读已提交、可重复读和串行
查看>>
MySQL事务隔离级别:读未提交、读已提交、可重复读和串行
查看>>
mysql五补充部分:SQL逻辑查询语句执行顺序
查看>>
mysql交互式连接&非交互式连接
查看>>
MySQL什么情况下会导致索引失效
查看>>
Mysql什么时候建索引
查看>>
MySql从入门到精通
查看>>
MYSQL从入门到精通(二)
查看>>
mysql以下日期函数正确的_mysql 日期函数
查看>>
mysql以服务方式运行
查看>>
mysql优化--索引原理
查看>>
MySQL优化配置详解
查看>>
mysql会员求积分_MySql-统计所有会员的最高前10次的积分和
查看>>
MySQL保姆级教程(SQL语法基础篇)从小白到高手的进阶指南,收藏这一篇就够了
查看>>
MySQL修改密码报错ERROR 1396 (HY000): Operation ALTER USER failed for ‘root‘@‘localhost‘
查看>>
Mysql全局优化参数
查看>>
MySQL全文索引实现简单版搜索引擎
查看>>
MySQL全面瓦解:安装部署与准备
查看>>
MySQL内存表使用技巧
查看>>
MySQL再叙(体系结构、存储引擎、索引、SQL执行过程)
查看>>