当前位置:网站首页>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();
边栏推荐
猜你喜欢
基础软件与开发语言开源论坛| ChinaOSC
RNA核糖核酸修饰荧光染料|HiLyte Fluor 488/555/594/647/680/750标记RNA核糖核酸
算法--交错字符串(Kotlin)
[email protected] 610/[email protected] 594/Alexa 56"/>
染料修饰核酸RNA|[email protected] 610/[email protected] 594/Alexa 56
怎么将自己新文章自动推送给自己的粉丝(巨简单,学不会来打我)
Anaconda virtual environment migration
虚拟机vmware设置桥接模式上网
不要再用if-else
演讲议题及嘉宾重磅揭晓,TDengine 开发者大会推动数据技术“破局”
(十六)51单片机——红外遥控
随机推荐
高并发,你真的理解透彻了吗?
C中的数据存储
Go语言类型与接口的关系
NNLM、RNNLM等语言模型 实现 下一单词预测(next-word prediction)
ERROR: You don‘t have the SNMP perl module installed.
盘点在线帮助中心对企业能够起到的作用
高性能计算软件与开源生态| ChinaOSC
多模态 参考资料汇总
Auto.js实现朋友圈自动点赞
pytorch框架实现老照片修复功能详细演示(GPU版)
Matlab paper illustration drawing template No. 42 - bubble matrix diagram (correlation coefficient matrix diagram)
MySQL master-slave, 6 minutes you master!
群辉查看硬盘存储占用的方式
Pytorch GPU 训练环境搭建
头条服务端一面经典10道面试题解析
亚马逊云科技 Build On 2022 - AIot 第二季物联网专场实验心得
149. 直线上最多的点数-并查集做法
C51 存储类型与存储模式
怎么将自己新文章自动推送给自己的粉丝(巨简单,学不会来打我)
高位套牢机构,用友网络的信任危机是如何产生的?