博客
关于我
第四课: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中的DB、DBMS、SQL
查看>>
MySQL中的DECIMAL类型:MYSQL_TYPE_DECIMAL与MYSQL_TYPE_NEWDECIMAL详解
查看>>
MySQL中的GROUP_CONCAT()函数详解与实战应用
查看>>
MySQL中的IO问题分析与优化
查看>>
MySQL中的ON DUPLICATE KEY UPDATE详解与应用
查看>>
mysql中的rbs,SharePoint RBS:即使启用了RBS,内容数据库也在不断增长
查看>>
mysql中的undo log、redo log 、binlog大致概要
查看>>
Mysql中的using
查看>>
MySQL中的关键字深入比较:UNION vs UNION ALL
查看>>
mysql中的四大运算符种类汇总20多项,用了三天三夜来整理的,还不赶快收藏
查看>>
mysql中的字段如何选择合适的数据类型呢?
查看>>
MySQL中的字符集陷阱:为何避免使用UTF-8
查看>>
mysql中的数据导入与导出
查看>>
MySQL中的时间函数
查看>>
mysql中的约束
查看>>
MySQL中的表是什么?
查看>>
mysql中穿件函数时候delimiter的用法
查看>>
Mysql中索引的分类、增删改查与存储引擎对应关系
查看>>
Mysql中索引的最左前缀原则图文剖析(全)
查看>>
MySql中给视图添加注释怎么添加_默认不支持_可以这样取巧---MySql工作笔记002
查看>>