当前位置:网站首页>ES6-箭头函数
ES6-箭头函数
2022-08-03 20:04:00 【嘿………】
六、箭头函数(新增语法)
ES6中新增的定义函数方式
//固定语法结构:
() => {
}
箭头函数是用简化函数定义语法的
const fn = () => {
console.log(123); //123
}
fn();
特点1、 函数体中只有一句代码,且代码的执行结果就是返回值,可以省略大括号(看以下例子):
function func(a, b){
return a + b;
}
console.log(func(1,2)); //3
//箭头函数:
const func = (a, b) => a + b;
console.log(func(1,2)); //3
特点2、如果形参只有一个,可以省略小括号
function func(a){
return a;
}
console.log(func(1)); //1
//箭头函数:
const func = b => { //const func = b => b;
return b;
};
console.log(func(2)); //2
特点3、箭头函数不绑定this关键字,箭头函数中的this,指向的是函数定义位置的上下文this.
function fn(){
console.log(this); //{name: '小明'}
return () => {
console.log(this); //{name: '小明'}
}
}
const obj = {name: '小明'}
const resFn = fn.call(obj);
resFn();
再举个例子:
var age = 10;
var obj = {
age: 20,
say:() => {
alert(this.age); //10
//指向的是widow下的age对象是不能产生作用域的,say方法实际上被定义在全局作用域下
}
}
obj.say();
边栏推荐
猜你喜欢
xss.haozi练习通关详解
调用EasyCVR接口时视频流请求出现404,并报错SSL Error,是什么原因?
Network protocol-TCP, UDP difference and TCP three-way handshake, four wave
「游戏建模干货」建模大师几步操作,学习经典,赶紧脑补一下吧
信使mRNA甲基化偶联3-甲基胞嘧啶(m3C)|mRNA-m3C
友宏医疗与Actxa签署Pre-M Diabetes TM 战略合作协议
MapReduce介绍及执行过程
149. 直线上最多的点数-并查集做法
RNA-ATTO 390|RNA-ATTO 425|RNA-ATTO 465|RNA-ATTO 488|RNA-ATTO 495|RNA-ATTO 520近红外荧光染料标记核糖核酸RNA
高性能计算软件与开源生态| ChinaOSC
随机推荐
微导纳米IPO过会:年营收4.28亿 君联与高瓴是股东
net-snmp私有mib动态加载到snmpd
CentOS 7 安装mysql
友宏医疗与Actxa签署Pre-M Diabetes TM 战略合作协议
单调栈及其应用
利用 rpush 和 blpop 实现 Redis 消息队列
1-php学习笔记之数据类型
C51 存储类型与存储模式
ESP8266-Arduino编程实例-MCP4725数模转换器驱动
1161 最大层内元素和——Leetcode天天刷【BFS】(2022.7.31)
那些年我写过的语言
Solidity智能合约开发 — 4.1-合约创建和函数修饰器
JMeter笔记5 |Badboy使用和录制
Alexa染料标记RNA核糖核酸|RNA-Alexa 514|RNA-Alexa 488|RNA-Alexa 430
收藏-即时通讯(IM)开源项目OpenIM-功能手册
WPF .cs中使用资源文件中的ControlTemplate或Style并找到控件
危化企业双重预防机制数字化建设进入全面实施阶段
Redis 内存满了怎么办?这样置才正确!
极验深知v2分析
Reveal how the five operational management level of hundreds of millions of easily flow system